How to center main navigation menu

  • Resolved jamminjames

    (@jamminjames)


    1 year, 3 months ago

    How can we center the main navigation menu in the header? There are no options for that in Customizing, and I’ve tried everything I can find for CSS, looking at Inspect in the browser. Thanks for any help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jamminjames

    (@jamminjames)

    The navigation ul in the header with id=”nv-primary-navigation-top” is set as a flex item, and seems to want to have a second column. I think that’s why I can’t center it. How can I set that so it’s one column, if that is the issue?

    Thread Starter jamminjames

    (@jamminjames)

    Okay, managed to do it using this CSS styling:

    nv-primary-navigation-top.nav-ul {
   align-items: center;
   justify-content: center;
}
.header [data-row-id] .row {
   justify-content: center;
}

    Hi @jamminjames,

    Thanks for choosing Neve!

    We’re glad to hear you managed to find a solution for this in the meantime. Thank you for sharing it with the community!

    Have a nice day ahead!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to center main navigation menu’ is closed to new replies.