Hide Background video on desktop but show on Mobile

[abbyp]

Hi, I would like to hide my main background video on desktop, but then keep it showing on mobile. Could anyone please help me on the code to adjust this? 🙂 

store url: shopkihk.com

theme: icon

not using a background video on the public version right now (will go live monday) so here is the preview link https://unudkpdtr3nhsuzr-58925383888.shopifypreview.com

thanks in advance 🙂

[Niraj_singh · Accepted solution]

Hello @abbyp 

Please use below code on assets -> stylesheet.css at the bottom to hide video on desktop only and show on mobile devices

@media only screen and (min-width: 769px) {
.section-background-video {
display: none !important;
}
}

[abbyp]

hi niraj!!! thank you SO MUCH! this worked perfectly. you're amazing!

one more question for you... if i had two background videos, would there be able to do this to just one of them? say, if i wanted one background video for mobile but a different one for desktop ?