I moved your post to a new thread to keep things separate and organized. The other post was supposed to be closed, so we’ll continue here.
In your css look for and change the width on this –
.header-image #title,
.header-image #title a,
.header-image #title-area {
display: block;
float: left;
min-height: 50px;
overflow: hidden;
text-indent: -9999px;
width: 34%;
}
The width just needs to be wider, try around 58% or add a fixed width like 200px instead. If the widget area on the right falls down, then you’ll need to decrease the width on it so that both the header title area and widget area are both equal to 100% or less.