How to add a video header to only mobile?

Store Design
,
1

I currently only have a photo for my header on my home page but I want to add a video header to my pipeline theme header but only for mobile, not desktop. I still want the text and shop now button to appear on top of the video. Is there a code I can use to add my video and have it play automatically when people visit my website? I want it to look clean and not have any play buttons or anything, just on a loop. Any help is appreciated!

2

Hi,

Can you share your store url

3

hi! yes it’s shoplulo.co

4

Hi @Hiuser11

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
You can use the CSS property “@media” to do that

Hope you find my answer helpful!
Best regards,
Richard | PageFly

5

Hi Richard,

Would you mind giving me some steps on where to find this and how to do this? I’m pretty new and don’t know what CSS is or where to find it. Thank you in advance!