[Resolved] Stop nav menu jumping down on browser resize

[Faye]

Hi there,

I have a logo and nav bar, with the nav bar aligned to the right of the logo at the top of the webpage.

As I reduce the browser window size, the nav bar jumps down to underneath the logo.

Is there any way I can prevent this jump? Can I keep them all in the top line no matter what and just switch to mobile menu if the screen is too small to display the full menu?

Thanks.

(My url is password protected on a staging server – if it helps I can pm details over?)

[Leo]

Hi there,

If you are using normal header: https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

If you are using mobile header: https://gist.github.com/generatepress/282078076cd8631c17717d5b8640c043

There is a new feature in plan to make this a lot easier 🙂

[Faye]

Thanks Leo. That did work, but I had to have the setting quite high.

Decided to change colours instead (it wasn’t transitioning very gracefully colour-wise as different nav bar colour to background, but looks better now all uniform).

Thanks for your help 🙂
Faye.

[Leo]

No problem 🙂

[Author]

Posts