How to hide a video on desktop but show on mobile

How would I hide this video on desktop but show it on mobile?

url is wintheoryco.com

1 Like

Hi EthanOSHOP,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > video-section.css and paste this at the bottom of the file:
@media screen and (min-width: 749px) {
    .video-section__media{
      display: none !important;
    }
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media screen and (min-width:767px){
.video-section {
display: none;
}
}