Liquid, JavaScript, themes, sales channels
Im using Brooklyn theme, and every time I embed a vimeo video to the home page it creates big white spaces above and below the video.
What should I do? Thank you in advance.
Solved! Go to the solution
This is an accepted solution.
@hugon789, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:
@media (max-width: 767px){
.product-single__description iframe[src*='vimeo']{
max-height: 50vw;
margin-top: 10px;
}
}
Please let me know whether it works.
Kind regards,
Diego
Hello @hugon789,
Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).
If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.
Kind regards,
Diego
Store URL: fxags.myshopify.com
Page URL: https://fxpopup.com/products/eva-production-unit-01-backpack
Thank you very much.
hello @hugon789
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
Page URL: https://fxpopup.com/products/eva-production-unit-01-backpack
Thank you very much.
This is an accepted solution.
@hugon789, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:
@media (max-width: 767px){
.product-single__description iframe[src*='vimeo']{
max-height: 50vw;
margin-top: 10px;
}
}
Please let me know whether it works.
Kind regards,
Diego
It worked out great! Thanks for the help!
@Redageek, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid, timber.scss or theme.css (it varies from theme to theme) and paste this at the bottom of the file:
@media (max-width: 767px){
iframe[src*='vimeo']{
max-height: 50vw;
}
}
Please let me know whether it works.
Kind regards,
Diego
Thank you,
it worked on the mobile-only, my theme is Brooklyn
Could you help adjust it on the desktop?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024