Header Widget Placement

[Bill]

Hi,

I was wondering if it would be possible you to set this simple fix in your next update please.

Move the header widget below the theme logo like this: (template-tags.php)

	
// Site logo
if ( ! empty( $generate_settings['logo'] ) ) : ?>
<div class="site-logo">
<a href="<?php echo apply_filters( 'generate_logo_href' , esc_url( home_url( '/' ) ) );?>"  title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img  class="header-image" src="<?php echo esc_url( $generate_settings['logo'] ); ?>" alt="<?php echo  esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>
</div>
<?php endif;
	
// Header widget
if ( is_active_sidebar('header') ) : ?>
    <div class="header-widget">
        <?php dynamic_sidebar( 'header' ); ?>
    </div>
<?php endif;
}
endif;

This way when the site is viewed on mobile or tablet the widget is under the Logo and not above it.

See it in action here: http://www.rhythmradio.co.uk

Regards,
Bill

[Tom]

Hi Bill,

You can actually do this with some CSS: https://gist.github.com/generatepress/d39375f70a6ed1075bf0

Let me know if you need more info 🙂

[Bill]

Hey Tom,

I’m not sure why that isn’t working for me..

Regards,
Bill

[Bill]

Hey Tom,

I’ve tried many different variations of the following:

A Complete Guide to Flexbox

On firefox it shows the widget above the logo and on my iPhone 4S it shows the 2 side by side..

Really not sure how to proceed.

Thanks,
Regards,
Bill

[Bill]

Hey Tom,

Ok, seems I am having some major problems with my host at the moment.

I’m sorry, I feel like i’ve wasted your time here.

It is working perfectly now!

Thanks,
Bill

[Tom]

Excellent, glad it’s working! 🙂

[Author]

Posts