Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1056902

    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

    #1056924

    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

    #1058254

    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

    #1058276

    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

    • This reply was modified 5 years, 10 months ago by info224.
    #1058303

    Hi

    It’s fine thanks I have been able to solve it

    #1058452

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hide a page on a menu’ is closed to new replies.