Reply To: Added a Header To Exact Specs Only To See It Double In Size

Ok, yeah this is different than what you originally asked. If you’re trying to get your logo and widget area on the same line, you’ll need to adjust the widths of them both. Your title area and widget area exceed 100%…thats why it’s showing up like that. Change the width from 50% on the title area to a smaller width and there will be enough room for the widget area to fit.

Look around line 681 for this –

.header-image #title, 
.header-image #title a, 
.header-image #title-area {
    display: block;
    float: left;
    min-height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    width: 300px;
}

Notice I changed it to 300px as an example. That will bring the widget area up. The widget area is around 65% and the title area is 50%….which exceeds 100%. Anytime that happens just decrease one or both to get them to fit on the same line.

You may want to trim your logo down if you want it to show up aligned with everything on the left. There’s extra spacing there which makes it look aligned right a little.