How can I make videos in Custom Liquid responsible for mobile?

[Zanski]

I used javascript with custom liquid to insert videos under each of my products but they are not responsible for mobile... How would I do it? Eg.: https://www.zanski.co/products/csiptetos-kereszt-fulbevalo

Thanks ❤️

[GemPages · Accepted solution]

Hello @Zanski ,

It's GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.shopify-section iframe {
 max-width: 100%;
}
</style>

For example,

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[Zanski]

I used this to make it more beautiful but in general you were right, thank you! ❤️

<style>
.shopify-section iframe {
max-width: 90%;
aspect-ratio: 16/9;
height: auto;

}
</style>

[GemPages]

I am so glad that my solution can help.

Best regards,
GemPages Support Team