Logo above title

[Pedro]

Hi Tom,

Got the GP add-ons today and I’m loving the tools. After unsuccessfully searching for this in the Forum, is there any way to swap the logo and title? I.e. to place the logo above the title (example here).

Best,

Pedro

[Tom]

Hi Pedro,

Best way to do this is to use GP Hooks.

First, remove the logo from the Customizer.

Then, in GP Hooks, go to the “Before Header Content” hook, and add something like this:

<div class="site-logo">
      <a rel="home" title="YOUR SITE TITLE" href="YOUR HOMEPAGE URL"><img title="YOUR SITE TITLE" alt="YOUR SITE TITLE" src="YOUR LOGO URL" class="header-image"></a>
</div>

Fill in the details above, and you should be good to go 🙂

Let me know if you run into any problems.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Pedro]

Ah, I still hadn’t enabled “GB Hooks”, now I see more or less how it can be put to good use. Thanks a lot, Tom.

[Author]

Posts