I want to remove certain elements from my page when viewing on mobile.
I've attempted to do so with custom css class names and media queries but have had no luck. Is there another way to do this or is there something in the code that prevents me from using media queries?
Hello,
I want to remove certain elements from my page when viewing on mobile.
I've attempted to do so with custom css class names and media queries but have had no luck. Is there another way to do this or is there something in the code that prevents me from using media queries?
Thanks!
Hey Andrew!
No, media queries is the correct way to go. It would look like:
@media only screen and (min-width : 1px) and (max-width : 1000px) { .your-element { display: none!important; } }If you have a specific element you want to remove, please let me know and I'll write the rule as an example :) Cheers