[Resolved] Move Navigation menu up

[Evan]

On my site, currently under development. I would like the menu to move up and be aligned to the right of the logo. I have two buttons in the header the seem to be pushing it down. I am placing this with and Elements hook, before logo.

There appears to be plenty of room for the menu to move up. How can I do this?

[David]

Hi there,

Its a tricky design to get right. For example – a simple fix would be this CSS:

@media (min-width: 769px) {
    .site-logo {
        position: absolute;
        top: 25px;
    }
}

But … you will find the navigation will overlap the logo on narrower screens.
One fix to this would be to increase the Mobile Menu Breakpoint so it kicks in earlier:

https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

You will need to adjust the above CSS @media (min-width: 769px) to match.

[Author]

Posts