[Resolved] switching logo and tagline

[Tom]

I’m new to wordpress, but I love the control that this gives with the plug-ins. However, I would like to know if there is a simple way to flip the logo and the tagline. When I hide the site title, because I’d rather use our logo for the site title, the tagline is great, but it shows up above the logo. There has to be some way to switch them; I’m willing to go into the .php if it is required, but I’d prefer some option available in the plugins. Either way, let me know how I can swing it. Thanks for a great theme!

[Tom]

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

[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

[Tom]

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

[rex wickham]

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)

[Tom]

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

[rex wickham]

Thanks, that makes sense.

Should that CSS be entered somewhere within your theme settings?

[Tom]

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

[Ton van der Valk]

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

[Tom]

Hi Ton,

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

[rex wickham]

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

[Elwin Hoover]

How do you get the tagline underneath the logo?

[Tom]

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>

[Elwin Hoover]

Thank you, Tom!

[Rogier]

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();
    }
}

[Author]

Posts