Center Logo Above Centered Nav Menu In Eleven40 Pro

The solution in this tutorial enables you to center your logo or site title text above your nav menu which is also centered.

Here’s an example of what your logo would like when aligned center above a centered navigation menu :

And here’s an example showing the default site title text centered above a centered menu :

Here’s the demo video showing the mobile responsiveness of the site title and logo :

To do this you’ll need to modify the PHP code as well as the existing CSS rules and add several custom CSS rules to the Eleven40 Pro themes style.css file.

There’s between 1 – 3 steps involved depending on whether you want to use the site title or a custom sized logo.

Here’s the code & installation instructions fully supported for members :