Youtube video page does not fit in the mobile page how to resize this?

[Emilijus]

On the page “Apie mus” https://taleriai.lt/pages/apie-mus there is a youtube page but the video page does not fit on the page when you open it on mobile phone. How to resize this youtube page?

[NomtechSolution]

1. Locate the code for embedding the YouTube video on the page. It might look something like this:

<iframe width="560" height="315" src="https://www.youtube.com/embed/your-video-id" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
​

1. Wrap the iframe code with a
   element and give it a class, for example:

  <iframe width="560" height="315" src="https://www.youtube.com/embed/your-video-id" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>

​

then add css

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[PageFly-Henry]

Hi @Emilijus ,

This is Henry at PageFly - Shopify Advanced Page Builder app.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Henry | PageFly