Changing Header Navigation Menu Spacing

  • [ Moderator note: moved to Fixing WordPress. ]

    Hi all,

    I’m hoping to get some help with the website I’m working on: https://www.joeniekrofoundation.org

    I’m changing the names of the header navigation to be shorter (they’re not all done), and while I was doing that I realized that the header menu is shrinking (you’ll see there’s a big white space on the left between About Us and the logo).

    How can I change and set the width of each header menu item? For example, “About Us”, “Education”, etc. so they go across more evenly?

    I’m pretty beginner at WP just an FYI so the more detail the better in my case haha.

    Thank you!

    • This topic was modified 7 years, 8 months ago by ansjnf.
    • This topic was modified 7 years, 8 months ago by Jan Dembowski.
Viewing 1 replies (of 1 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    The menu is set to float to the right. Change it via

    #header .navigation {
  float:left;
  margin-left: 2em;
}

    To add CSS: If you are using WordPress 4.7, use the “Custom CSS” option in the customizer. If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS.

Viewing 1 replies (of 1 total)
  • The topic ‘Changing Header Navigation Menu Spacing’ is closed to new replies.