Space between header image & navigation menu

If you would like to add a space between the header image and the menu bar you need to add a margin to the header image.

Something like this should work perfectly.

.webcomic-image { margin-bottom: .5em; }

Try adding this CSS:

#header img {
    margin: 0 auto 20px;
}

Note that any changes should be made in a Child Theme or Custom CSS option (add with a plugin if your theme does not have the option) – otherwise all of your changes will be lost when the theme is updated.

Thanks for the responses everyone. I added both css suggestions and neither worked.

Initially when I added

#header img {
margin: 0 auto 20px;
}

and refreshed the page after clearing the cache, it looked like there was going to be a space added. But when it finished loading, there was no space between the header image and the navigation bar.