[Support request] How to center the top navigation menu on zeal?

[Cedric]

I am trying to make the navigation of the top menu center but I cannot seem to find the option to do this. Currently, it is aligned to the right by default.

[Cedric]

Here is a link

[David]

Hi there,

add this CSS:

.nav-float-right #site-navigation {
  margin-right: auto;
}

It will ‘center’ the menu, as in have equals space either side of it.
You menu is quite long though, so you may want to check how it behaves when the browser is reduced in width.

[Cedric]

Hi David,

I tried that, but no change. It is still positioned to the right. I removed some menu items to make it smaller.

[David]

Can you try adding it to the very top of your CSS.

[Cedric]

Thank you, that did it. 🙂

[David]

Glad to hear that!

[Author]

Posts