Header Widgetized Area issues

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

About your logo, you can resize your logo image to smaller. Thats how you will get small size logo

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.

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}

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!

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

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