WP SITES

2948 Tutorials & 189 Plugins

Center Site Header Elements On The Same Line

The code in this download folder perfectly centre’s your site title or logo next to your nav menu as well as vertically aligned on desktops like this example :

Custom Logo Nav Menu

In this case we center the logo and the menu side by side in the site header. Works with your site title or custom logo added via the customizer.

Demo Video

Shows you how to center your logo or title inline with your menu.

Tested using the Genesis Sample child theme by StudioPress.

Installation Steps

There’s 2 steps :

  1. # Copy & paste the CSS from the style.css file to the end of your child themes style sheet and clear caching.
  2.  

  3. # Add your custom logo or site title to the Customize > Site Identity settings.
  4.  

Download Folder

Related Tutorials

Was This Tutorial Helpful?