Title: Header Widgetized Area issues
Last modified: August 30, 2016

---

# Header Widgetized Area issues

 *  [adnanmg](https://wordpress.org/support/users/adnanmg/)
 * (@adnanmg)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/)
 * Hi,
 * using the colorway theme, I a created a widgetized area in the header. My problem
   is in placing it.
 * [http://www.madguru.com](http://www.madguru.com)
 * I would like for the logo to remain on the left and for this new header widget
   to be on the right side in line with each other.
 * Also there is an unwanted space between the gif widget and the social media widget.
 * Any thoughts?
 * I have tried setting up a container div with the logo and widget div, then used
   CSS to style float left and right. I am not sure where I made a mistake.
 * Thanks,
 * Adnan

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Salman](https://wordpress.org/support/users/mskkhan/)
 * (@mskkhan)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/#post-6205647)
 * Don’t get your point what exactly you need to do!
 * Adnan your website look quite messy. You need to plan first, how exactly you 
   want your website should look like.
 * Please let me know if you need any help!
 * Regards,
    Salman
 *  [Salman](https://wordpress.org/support/users/mskkhan/)
 * (@mskkhan)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/#post-6205650)
 * About your logo, you can resize your logo image to smaller. Thats how you will
   get small size logo
 *  Thread Starter [adnanmg](https://wordpress.org/support/users/adnanmg/)
 * (@adnanmg)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/#post-6205654)
 * thanks for the replies. yes it is messy as I am debugging problems.
 * Under the logo, is a header widget, that contains an animated gif, social icons
   and a search field. Those are widgets. I want that widget area moved to the right
   of the logo, not below it.
 *  Thread Starter [adnanmg](https://wordpress.org/support/users/adnanmg/)
 * (@adnanmg)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/#post-6205656)
 * Code in my header.php
 *     ```
       <div class="container">
                       <div class="logo">
                           <a href="<?php echo home_url(); ?>"><img src="<?php if (inkthemes_get_option('colorway_logo') != '') { ?><?php echo inkthemes_get_option('colorway_logo'); ?><?php } else { ?><?php echo get_template_directory_uri(); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?> logo"/></a>
                       </div>
       <div class="header_widget">
       <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('header-widget') ) : ?>
       <?php endif; ?>
       </div>
       </div>
       ```
   
 * style.css:
 *     ```
       #logo { border: 0px solid red; float: left}
       #header_widget { border: 0px solid red; float: left}
       ```
   
 *  [Salman](https://wordpress.org/support/users/mskkhan/)
 * (@mskkhan)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/#post-6205684)
 * By looking your website, your logo container is 905px wide, you have to reduce
   your
    .logo { width: 400px or 450px; }
 * then reduce the animated container to 400px;
 * then use top property in css in order to take it up!
 *  [Salman](https://wordpress.org/support/users/mskkhan/)
 * (@mskkhan)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/#post-6205685)
 * sorry check your logo if your logo is in class or in ID.
 * So do check both properties for header widget slider container to 400 or 450px
 *  Thread Starter [adnanmg](https://wordpress.org/support/users/adnanmg/)
 * (@adnanmg)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/#post-6205873)
 * Thanks for the replies Salman. Unfortunately, I have not been able to change 
   the container size via css as you suggested. I have tried, but likely have not
   typed in the right parameters.
 * Both divs are set to ID.
 * Not sure how to reduce the container sizes.
 * Adnan

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Header Widgetized Area issues’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/colorway/4.2.3/screenshot.png)
 * ColorWay
 * [Support Threads](https://wordpress.org/support/theme/colorway/)
 * [Active Topics](https://wordpress.org/support/theme/colorway/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/colorway/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/colorway/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [placement](https://wordpress.org/support/topic-tag/placement/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * 7 replies
 * 2 participants
 * Last reply from: [adnanmg](https://wordpress.org/support/users/adnanmg/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/header-widgetized-area-issues/#post-6205873)
 * Status: not resolved