Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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: http://www.montessoricenter.org/

    Thank you!

    #63023

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

    #63024

    Hi,

    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{
    padding-right:0;
    margin-right: -30px ! important;
    }

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

    Best regards,

    Chris

    #63025

    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!

    Roger

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.