I have a site I am building for a client. They have a video they want in a slider.
Only they have one version for tablet and desktop and a different version for mobile.
I have placed two Gutenslider blocks on my home page and added the mobile video as a slide for one slider, and the desktop/tablet video for the other slider. I have configured the mobile slider to only show on mobile and the tablet+desktop slider to only show on tablet and desktop.
However in some tablet settings (iPad vertical for example) I am seeing both videos showing up on the front page.
I can write the media queries to display: none the mobile video where necessary, but I am hoping you can point me in the right direction. Or simplify things.
Where can I see the media queries Gutenslider uses to determine mobile-tablet-desktop breakpoints?
Based on these, can you tell me which media query/queries I should override to make sure that there’s no ‘overlap’ that results in both videos showing?
- The topic ‘Mobile and Desktop videos appearing at the same time’ is closed to new replies.