[Resolved] Tagline below logo

[William]

Hi there,

Is there a way to place the tagline under the logo instead of to the side? Looking to do for bookanalysis.com

Kind regards,

Will

[Leo]

Hi there,

I’m not seeing a tagline currently.

Can you add it in first?

[William]

Sure its added here

[William]

I would also appreciate being able to hide it for mobile too

[Leo]

Hmm let’s just try this PHP snippet:

add_filter( 'generate_logo_output', 'tu_logo_class', 10, 3 );
function tu_logo_class( $output, $logo_url, $html_attr ) {
    printf(
        '<div class="site-logo">
	     <a href="%1$s" title="%2$s" rel="home">
	         <img %3$s />
	     </a>
	 <p class="site-description hide-on-mobile" itemprop="description">
             Literature Reviews, Summaries and Analysis
         </p>
	</div>',
	esc_url( apply_filters( 'generate_logo_href' , home_url( '/' ) ) ),
	esc_attr( apply_filters( 'generate_logo_title', get_bloginfo( 'name', 'display' ) ) ),
	$html_attr
    );
}

Adding PHP: https://docs.generatepress.com/article/adding-php/

[Leo]

Question – are you using the float or flex version of the theme?

[William]

Not a clue unfortuantely, happy to try whatever CSS you can give me.

Made the issue appear in a sandbox here: https://wordpress-425633-1473008.cloudwaysapps.com/

[Leo]

Not a clue unfortuantely

Can you check under Customizer > General?

[William]

Ah thank you for that – it is ‘Floats’

[Leo]

I see. In that case you have to the PHP snippet here:
https://generatepress.com/forums/topic/tagline-below-logo/#post-1536610

If you switch it to Flex then we can just use some CSS.

[William]

Awesome thanks!

[Leo]

No problem 🙂

[Author]

Posts