Changing the custom Header Size in Executive Pro Theme

[smcdonell]

Hey Guys,

I'm trying to extend the width of the custom header in the Executive Pro Theme on the top left hand side to show my logo. I've gone into the functions.php and the style.css files to reflect the image size to show 460 x 100 instead of the default 260 x 100. I've uploaded the new logo but when I go back to the site to see the changes it's still only shows the 260x100 header size hence my new logo is cut off.
Is there something I'm missing here? Is it possible to extend the width of the header to make it come closer to the Header Right widget area? Any help would be much appreciated. Cheers.

Stephen McDonell

http://www.mcdonellitservices.com.au

[loudivers]

Try to find this in your function.php

  
//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 320,
	'height'          => 60,
	'header-selector' => '.site-title a',
	'header-text'     => false
) );

you should be able to edit your size here.

[loudivers]

you may also need to find this line in your style.css and edit it

.title-area {
    float: left;
    padding: 18px 0;
    width: 320px;
}

[loudivers]

you may need to edit the size of the header widget area by looking for something like this in your style.css

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

try using firebug or something similar to help you find what needs edited

[mtshasta]

I have the same issues. Header size is 800x120
I made these changes, but the results don't show - http://nohrsautobrokers.com
Only a small portion of the header is showing.

We are not planning to use the widget area, but if we put in the search field, what is the maximum width allowable for the header?
Thanks

(1) functions.php:
//* Add support for custom header
add_theme_support( 'custom-header', array(
'width' => 800,
'height' => 120,
'header-selector' => '.site-title a',
'header-text' => false
) );

(2) styles.css
.site-header {
margin: 0 auto;
min-height: 120px;
width: 100%;
}

(3) styles.css:
.title-area {
float: left;
width: 800px;
}

(4) styles.css:
.site-header .widget-area {
float: right;
text-align: right;
width: 100px;
}

[smcdonell]

Thanks guys for the information. I've got this nutted out I'm pretty sure but the only problem I'm having now is when the results are shown on the ipad the formatting shows differently obviously because of the screen size of the ipad. Is there a plugin or coding i can add that will allow the formatting to show exactly the same as it does on a pc? Cheers.

[deck2deck]

smcdonell: Try this post, he mentions changing values (after changing the default header size) to make the new header mobile responsive: http://wpsites.net/web-design/add-full-width-header-image-to-executive-pro-theme/

Hope it works, good luck!

[Author]

Posts