Archived topic
Header Widget Placement
5 replies · Started by Bill on February 8, 2016
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
Hi Bill,
You can actually do this with some CSS: https://gist.github.com/generatepress/d39375f70a6ed1075bf0
Let me know if you need more info :)
Hey Tom,
I'm not sure why that isn't working for me..
Regards,
Bill
Hey Tom,
I've tried many different variations of the following:
https://css-tricks.com/snippets/css/a-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
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
Excellent, glad it's working! :)