How can I show a different video banner on desktop & mobile?

Technical Q&A
,
1

I have a video banner on my homepage that looks great on desktop (landscape), but then remains landscape for mobile. I want to have a separate, portrait video for mobile. I’m using the Pipeline theme. Is anyone able to help with this? I am unable to share my store’s password.

2

Hello there @BSPOKE_STUDIO Try this code in the store and see whether it gets fixed

@media screen and (min-width: 481px) {
#shopify-section-template–22677475131741__custom_liquid_zMBVDz {
display: none!important;
}
#shopify-section-template–22677475131741__custom_liquid_geKPV3 {
display: block!important;
}
}
@media screen and (max-width: 480px) {
#shopify-section-template–22677475131741__custom_liquid_geKPV3 {
display: none!important;
}
#shopify-section-template–22677475131741__custom_liquid_zMBVDz {
display: block!important;
}
}

Let me know if this works for you!

3

Hi, thank you for replying, however this didn’t work unfortunately. Where
am I supposed to be adding the code?

E-mail: bianca@bspoke-studio.com
www.bspoke-studio.com