How to Embed Facebook Videos in Shopify Responsively

Store Design
1

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

2

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.

3

Hi thanks for replying. The URL is dunnespremierhouse.ie

4

@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
suyash1_0-1619166499172.png1366×768 281 KB

5

Hi @DPHKells

Now, you can easily embed your product unboxing videos, customer reviews, feedback, and much more using the EmbedAnyapp. It will convert the post link to a very interactive one within a few seconds.

It supports not only the FB, rather it is usable on 800+ platforms. You may embed forms, videos, slides, images, charts, docs, diagrams, and much more to make your store interactive and capture your customers’ attention.

Have a FREE trial!