switching logo and tagline

Hi there,

Have you by chance purchased GP Hooks? If so, the solution is super simply.

If not I'll have to provide some code for you :)

Let me know,
Tom

I have all the add-ons. I should have said that, sorry. I have been looking into hooks, and it looks very powerful, but I don't even understand the Core very well yet, so I'm afraid of breaking things. Plus, I am trying to get a website with four sub-domains, so what I change needs to work and be replicatable.

Anyway, I have Hooks, so what code do I put in the pre_head, or one of those?

Thanks

Great!

First, turn off the tagline in the Customizer and save.

Then go to GP Hooks and add this inside the Before Header Content hook:

<p class="site-description">Your tagline here</p>

This should place your tagline above your logo.

Hope this helps :)
Tom

Hi
I'd like to place the logo on the right side of the page like this: http://ibin.co/1WcKZaXZ8hYK

I achieved the style linked there by using the Text widget in the header image. However, I don't like the way the tag/description are right at the top of the page. I'd prefer it vertically centrally.

Could you share some advice on adjusting the spacing or as previously described in this post, moving the position of the logo (so not needing to use a widget)

You could do something like this:

.site-branding {margin-top:50px;}

Then adjust the 50px until you reach your desired spacing.

Let me know if that achieves what you're looking for :)

Tom

Thanks, that makes sense.

Should that CSS be entered somewhere within your theme settings?

If you're not using a child theme, I suggest a plugin this like: https://wordpress.org/plugins/simple-custom-css/

Hi Tom,

I followed your advice to move the logo to the right side of the header.
However this code .site-branding {margin-top:50px;} only creates a space on the top margin.

Do you have another suggestion to move the logo?

Thanks!

Ton

Hi Ton,

So you're wanting the logo on the right side of the header, and your site title/tagline on the left?

Ton- We did something similar at http://www.ginteriors.uk/ I think - does that look like what you wanted?

How do you get the tagline underneath the logo?

You would have to use GP Hooks.

First, you would hide the tagline using the Customizer (Appearance > Customize > Header Content".

Then, go into GP Hooks, and add this in the "After Header Content" hook:

<p class="site-description">Your tagline here</p>

Thank you, Tom!

if ( ! function_exists( 'generate_header_items' ) ) {
    function generate_header_items() {
	// Site logo
	generate_construct_logo();
	
	// Site title and tagline
	generate_construct_site_title();
	
	// Header widget
	generate_construct_header_widget();
    }
}