Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #8963

    In the default theme, the top menu items are left aligned. We want to center the menu items. It should be an easy fix, but the solution is eluding me! I’m sure the nav elements to edit are #top .nav{ and #top .nav li

    As you can see the longer menu items are almost touching the lines dividing the menu items. Part of the problem is that I can’t get the right edge of the element on the far right to line up with the right side of the slider image below. I’d appreciate any ideas on how to fix this!

    Here’s the URL:

    Thank you!


    Sorry, but can someone help out here? Thank you!



    sorry for the delay.

    I see you’ve managed to center the menu items already? To remove the space on the right you can add this to your styling:

    .page-item-313 a{
    margin-right: -30px ! important;

    If your last menu item changes you’ll have to adapt the class too.

    Best regards,



    Hi Chris,

    Thank you, we figured it out the centering but couldn’t get how to remove the space on the right, so your tip is very helpful!


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Center top menu items to the right of logo’ is closed to new replies.