How to Embed Facebook Videos in Shopify Responsively

Solved
DPHKells
New Member
5 0 0

Hi - I've embedded a gallery of facebook videos to my shopify homepage. On desktop they look ok but they're not displaying on mobile properly. Any advice on how I can get the two videos to appear correctly when viewing on mobile?

 

Any help would be appreciated.

Thanks

0 Likes
UmairA
Shopify Partner
872 85 173

Hi there @DPHKells,

You can use CSS media queries to modify the layout of the video on mobile. I might be able to offer a more specific solution if you provide your store URL.

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes
DPHKells
New Member
5 0 0

Hi thanks for replying. The URL is dunnespremierhouse.ie 

0 Likes
suyash1
Shopify Partner
2698 283 446

This is an accepted solution.

@DPHKells - add this css to the very end of your theme css file and check , I see like screenshot below

media screen and (max-width: 768px){
.video-wrapper iframe {
    max-width: 100% !important;
}
}

 

suyash1_0-1619166499172.png

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes