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!

#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.