Vertically aligning logo and menu


No matter what I do, I can’t get the main menu to be vertically aligned with the logo. I’ve tried changing the margin/padding for the navigation and I’ve tried many other things, but each time it moves the entire header area up or down, instead of what I want it to do.

Please help.



I just add a bit of space above my logo before I uploaded it via Adobe Illustrator.


Yes @elkinsts, it is a good way to do this.

@lilymc: Also you can try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard -> Appearance -> Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.site-branding {
    padding-top: 35px;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.