[Support request] Problem with mobile menu (toggle menu is placed under the logo)

Home Forums Support [Support request] Problem with mobile menu (toggle menu is placed under the logo)

Home Forums Support Problem with mobile menu (toggle menu is placed under the logo)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1649887
    Daniel Moreno Cuerda

    Hi! Please help 🙂 The mobile header is giving me a problem, the logo and the toggle button are put on top of each other instead of being on the same line. I’ve tried all kinds of configurations and I can’t get it right.

    #1650036
    David
    Staff
    Customer Support

    Hi there,

    couple of things:

    1. The logo is being lazyloaded – which can affect the menu layout ( and cause CLS ). Most lazyloaders have an option to exclude images from lazyload using a CSS Class – you can use is-logo-image

    2. On really small devices there isn’t enough room for the Logo, cart and Toggle + Label.
    You can remove the Mobile Menu Label in Customizer > Layout > Primary Navigation. Or if you just want to remove it on small devices then you can use some CSS:

    @media(max-width: 360px) {
      .menu-toggle .gp-icon+.mobile-menu {
        display: none;
      }
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.