Hi i want the video to not show on mobile but don’t understand what’s wrong with this code @media screen and (min-width: 768px) { video { display: block; margin: 0 auto; width: 100%; height: 100%; } } @media screen and (max-width: 768px) { video { display: none; } }

Hello @Zetterman :waving_hand: You should use this code instead Hope that helps!

Hi there, Try to use !important and the end of the CSS style, as below: video { display: none !important; } Cheers!

GO Immobilier, spécialiste en Digital Marketing Suisse. Site internet gratuit Suisse

Hi @Zetterman Try the video tutorial below to only show certain section on specific device. [Make Specific Section For Mobile or Desktop only - [NO APP] [FREE]]

You are welcome :slightly_smiling_face:

How about the opposite? Displaying it on mobile but not desktop? Whats the code for that?

How can I make a video display only on desktop and not on mobile?

Store Design

ZenoPageBuilder November 19, 2022, 2:37am 7

You are welcome

Topic		Replies	Views
How can I hide an object on mobile using CSS codes? Store Design css	5	77	November 16, 2022
When using this code all of my video disappear Store Design css	2	81	November 19, 2022
How can I hide a video on desktop but keep it on mobile view? Store Design design , customizations , landing-page , css , shopify-themes	3	87	October 27, 2024
Different Background Video On Mobile and Desktop Store Design design , customizations , landing-page , css , html	4	74	March 9, 2024
Make custom content only visible on mobile Store Design	5	102	May 9, 2021

How can I make a video display only on desktop and not on mobile?

Related topics