[Support request] Menu

Home Forums Support [Support request] Menu

Home Forums Support Menu

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1811496
    Max

    Hi how can i fix this?
    If you need some extra information let me know

    #1811499
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can use the private information field.

    Let me know 🙂

    #1811504
    Max

    I have the website URL in the private tab

    #1811599
    Ying
    Staff
    Customer Support

    Hi Max,

    Can you tell me what’s the issue you are having exactly?
    Thanks!

    #1812042
    Max

    This

    #1812159
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Layout > Header and enable the Mobile Header and add a Logo to the mobile header logo field.
    Then add this CSS:

    #mobile-header .inside-navigation {
        justify-content: initial;
    }
    
    #mobile-header .menu-toggle {
        order: -1;
    }
    #1817173
    Max

    My logo doesnt appear

    #1817295
    David
    Staff
    Customer Support

    Thats because the Menu Item height is too small.

    Go to Customizer > Layout > Primary Navigation, switch to Mobile view and increase the Menu Item Height – its currently set at 20px – you should have a minimum of 60px.

    #1817665
    Max

    Thanks for the help David!
    I got three other questions. Can i make the toggle look bigger? (on mobile and tablet) And i want the logo in the center on tablet format (now it is to the left)

    And do you have suggestions about mobile menu breakpoint and navigation drop point?
    Keep in mind that i want to toggle also on tablet format.

    #1818070
    Elvin
    Staff
    Customer Support

    Hi Max,

    And do you have suggestions about mobile menu breakpoint and navigation drop point?
    Keep in mind that i want to toggle also on tablet format.

    You can set the breakpoint to 1024px if you want the toggle to appear on tablet. But also keep in mind that some tablet sizes share the same dimensions as smaller desktops so for smaller desktop screens, you’ll see the toggle.

    I got three other questions. Can i make the toggle look bigger? (on mobile and tablet) And i want the logo in the center on tablet format (now it is to the left)

    You can change the toggle icon size and the logo alignment with CSS:

    For the toggle size, try this:

    button.menu-toggle svg {
        height: auto;
        width: 2em;
    }

    For the centering of logo:

    I’m not sure what header your site is using as I can’t inspect it (not loading).

    But If it has mobile header enabled, try this CSS – https://docs.generatepress.com/article/centering-logo-mobile-header/

    For default desktop, try this CSS – https://docs.generatepress.com/article/centering-logo-navigation/

    A wise man once said:
    "Have you cleared your cache?"

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.