Solved

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

Zanski
Tourist
4 0 2

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 ❤️

Accepted Solution (1)

GemPages
Shopify Partner
5597 1261 1224

This is an 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

GemPages_0-1671348922169.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

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

 

For example,

GemPages_1-1671349043223.png

 

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

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)

GemPages
Shopify Partner
5597 1261 1224

This is an 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

GemPages_0-1671348922169.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

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

 

For example,

GemPages_1-1671349043223.png

 

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

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Zanski
Tourist
4 0 2

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
Shopify Partner
5597 1261 1224

I am so glad that my solution can help.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center