[Resolved] Disable the hamburger on mobile

Home Forums Support [Resolved] Disable the hamburger on mobile

Home Forums Support Disable the hamburger on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1971650
    Ema

    Hello GP Team!

    I need to disable the hamburger menu (all navigation menus) on the mobile version of the site atm (until the site grows). Tried a few solutions so far e.g

    1. Go to Customizing > Layout > Header, uncheck Use Navigation as Header box, turn off Mobile header.
    2. Go to Customizing > Layout > Primary Navigation, choose No Navigation for Navigation Location.

    But I need to use the mobile header too, so I can use a different logo style for mobile (stacked and centred – have made custom .svg)

    Very Best

    Ems

    #1972066
    David
    Staff
    Customer Support

    Hi there,

    simplest solution is to hide the menu toggle and the menu on mobile with CSS:

    @media (max-width: 768px) {
        #mobile-header.toggled .main-nav > ul, #mobile-header .menu-toggle {
            display: none !important;
        }
    }
    #1976812
    Ema

    Hi David. Thank you so much! Totally perfect.

    #1976879
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.