Header Widget Placement

Home Forums Support Header Widget Placement

  • This topic has 5 replies, 2 voices, and was last updated 5 years ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #171267
    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

    #171295
    Tom
    Lead Developer
    Lead Developer

    Hi Bill,

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

    Let me know if you need more info πŸ™‚

    #171334
    Bill

    Hey Tom,

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

    Regards,
    Bill

    #171340
    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

    #171341
    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

    #171394
    Tom
    Lead Developer
    Lead Developer

    Excellent, glad it’s working! πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.