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

Store Design
1

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; } }
2

Hi there,

Try to use !important and the end of the CSS style, as below:

video {
display: none !important;
}

Cheers!

3

GO Immobilier, spécialiste en Digital Marketing Suisse.

Site internet gratuit Suisse

4

Hi @Zetterman

Try the video tutorial below to only show certain section on specific device.

5

Hello @Zetterman :waving_hand:

You should use this code instead

Hope that helps!

6

Thank you so much!

7

You are welcome :slightly_smiling_face:

8

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