Hi
I would like to hide a page on a menu for devices less than 1024px
I have used
@media only screen and (max-width: 1024px) {
#menu-item-451 { display: none !important; }}
unfortunately, it didn’t work and wondered if you could advise
Thank you
Details are below
Hey info224,
Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache a few times over.
Best regards,
Jordan Shannon
Hi
Thanks
I tried putting it to the top of the quick CSS but unfortunately, it didn’t work. I found this thread and wondered if this was something I should follow.
https://kriesi.at/support/topic/hide-specific-page-in-mobile-devices/
I am using a child theme if that makes any difference.
I would like to hide the page just on mobile devices now please.
Thanks
Alex
Hi
I tried the following but it has removed from all sizes of devices
@media only screen and (max-width: 480px) {
#menu-item-451 { display: none !important; }}
and noMobile in the css section of the menu
Thanks
PS I’m going to create a page which I would like to show on the mobile but not on anything great than 480px any ideas would be welcome
Hi
It’s fine thanks I have been able to solve it
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon