When I Use This Code In A Custom Html All My Videos On The Website Disappear

Store Design

Topic summary

A user is experiencing an issue where custom CSS code causes all videos on their website to disappear when viewed on mobile devices.

The Problem:

  • CSS code includes a media query that sets display: none !important for all <video> elements on screens smaller than 768px
  • This hides every video on mobile, not just a specific one

Current Status:

  • Another user identified the root cause: the display: none rule in the mobile media query is hiding all videos
  • The original poster clarified they only want to remove one specific video, not all videos
  • Community members have requested the page URL to provide targeted assistance

Resolution: Ongoing - awaiting page link to offer a solution for selectively hiding only the intended video while preserving others on mobile.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

Hi when I use this code all of my videos on the side disappear when I’m on mobile how do I fix this?

this is the code Thanks!

video { margin: 0 auto; width: 100%; height: 100%; } @media screen and (max-width: 768px){ video { display: none !important; } }
2

@Zetterman - below part is to hide videos hence they disappear

video {
display: none !important;
}
3

yes I know, but I only want to remove a specific video?

4

Can you please share the page link of this specific video?

5

@Zetterman Please send page url