Hide and show on mobile/desktop

Hi there, how would I go about hiding a n element on a mobile, and showing it on a desktop and vice versa.

https://woionj.org/test2/

I have this setup:

And this:

Ad this code:

}
@media (min-width:600px) {
    .desktop-only {
        display:block !important;
    }
}
@media (max-width: 600px) {
    .mobile-only {
        display:block !important;
    }
 
    .desktop-only {
        display:none !important;
    }
}

Yet it doesnt seam to be working for the desktop view, mobile is, but its showing both on the desktop.

Any tips on how I can make it work?

Thanks.

I figured this out, thanks though.

Hey @logoglo,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.