Full page navbar won't center?

Design help General
1

I’m trying to create a full screen navbar for tablet and smaller viewports, but the menu links won’t center vertically on the screen.

Currently I’ve put them in a flexbox and centered it, but it won’t work.
Any help is greatly appreciated!

Here is my site Read-Only: Sharelink

2

Hi @Robin_SL

Thanks so much for posting about your issue with the navbar.

I recorded a quick video showing you how you may be able to fix the issue and center the navbar vertically.

What I did was change the layout of the Nav_menu_Wrapper like this:

  1. Remove the margins
  2. Add a height of 100%
  3. Apply flexbox and justify it vertically

Hope this is helpful.

My best,
Anna K

3

Works perfect!

Thanks a lot! :smiley:

1 Like
4

You’re most welcome @Robin_SL!

Happy designing!