Beautiful Pro-Changing Header Size

[hbollinger]

Hello,

I'm setting up a new blog using the Beautiful Pro theme. I can display a custom logo in the header that is 320px wide by 120px high. I don't like the gap of white space in my header right now. So, I would like to increase the width, and ideally the height a little bit too. The problem I'm running into is that I have a right header,and when I try to change the width, my right header gets bumped down rather than staying inline.

I changed the header width from 320px to 420px here:

.title-area {
	float: left;
	padding-top: 10px;
	width: 420px;

And I decreased the right header from the original 800px to 700px here:

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 700px;
}

I also changed the functions.php area from 320px to 420px here:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'default-text-color'     => '000000',
	'header-selector'        => '.site-title a',
	'header-text'            => false,
	'height'                 => 120,
	'width'                  => 420,

So, now I can install a wider logo in my header, but my right header is messed up. I want to make the height a little larger too, but right now I can't even get the width to work correctly. How do I fix this? I would also like my header to be stay responsive.

Any help would be greatly appreciated!

Thanks,
Hannah

http://wovenbeautiful.com

[hbollinger]

I was able to change the height of my header, but I'm still stuck on how to change the width without bumping the right header down. Right now I have the header set to the original width of 320px, so it looks okay - but anytime I make that wider, it messes with the right header.

[Author]

Posts