CSS to hide wrapper on mobile Verson 1 pages

I have seen a couple posts about how you can hide components based on screen width with CSS in version 1 pages, but they don’t seem to work for me.

Would someone happen to have some CSS that would hide a component based on desktop vs. Mobile.


Found it.

Add this CSS:

@media screen and (max-width: 1000px) { .MobileHide { display: none !important; } }

Adjust the width to meet your needs

Put whatever components you want to hide inside of a Wrapper

Add the CSS MobileHide to the Wrapper