[Resolved] logo as header > menu jumps over 2 lines

Home Forums Support [Resolved] logo as header > menu jumps over 2 lines

Home Forums Support logo as header > menu jumps over 2 lines

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

    There is a certain device size bracket at which the main nav jumps below the logo (used as header), then jumps over 2 lines. The secondary nav also jumps over 2 lines within a certain screen size range. How do I prevent this and make it switch to hamburger directly?

    The main nav jumping below the logo is particularly problematic and looks very unprofessional πŸ™

    #1000459
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Have you tried adjusting the Mobile Menu Breakpoint in Customize > Layout > Primary Navigation?

    Let me know πŸ™‚

    #1000465
    fabien

    just what I was looking for thank you πŸ™‚
    It looks like I need to CSS the mobile breakpoint for the secondary menu don’t I? I see no option for the secondary nav in the Customiser

    #1001091
    Tom
    Lead Developer
    Lead Developer

    We’re adding the same option for the secondary navigation in 1.9. For now, this should help:

    @media (max-width: 1180px) {
        button.secondary-menu-toggle {
            display: block;
        }
    
        .secondary-menu {
            display: none;
        }
    }
    #1001317
    fabien

    perfect thanks! Yes definitely a useful addition to 1.9 πŸ™‚

    #1001894
    Tom
    Lead Developer
    Lead Developer

    Glad I could help πŸ™‚

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