Shorten header area on Cafe Pro Theme

[CJWheels]

I know this has got to be an easy one, but I'm just not finding it. All I want to do is shorten the first area around the logo. Make it maybe 400 pixels high instead of the whole page. Any thoughts?

http://themetest.howtorockyourblog.com/

Thanks
Cyn

http://themetest.howtorockyourblog.com/

[jonkenney]

Cyn,
You can try adding this into your custom CSS section to see if it works.

header.site-header.front-page-header {
    height: 400px;
}

[CJWheels]

Hey Jon, I tried that...did not work. I think it's something in a js file, but I can't figure out how to change it.

Cyn

[CJWheels]

And...I got it. Remove this section:
// Header Height
var navHeight = $('.nav-primary').outerHeight();
var snavHeight = $('.nav-secondary').outerHeight();
var beforeheaderHeight = $('.before-header').outerHeight();
var windowHeight = $(window).height();
var newHeight = windowHeight - navHeight - snavHeight - beforeheaderHeight;

$('.front-page-header') .css({'height': newHeight +'px'});
$('.image-section') .css({'height': windowHeight +'px'});

$(window).resize(function(){

var navHeight = $('.nav-primary').outerHeight();
var snavHeight = $('.nav-secondary').outerHeight();
var beforeheaderHeight = $('.before-header').outerHeight();
var windowHeight = $(window).height();
var newHeight = windowHeight - navHeight - snavHeight - beforeheaderHeight;

$('.front-page-header') .css({'height': newHeight +'px'});
$('.image-section') .css({'height': windowHeight +'px'});

});

From the home.js in your js folder. Done.

Cyn

[jonkenney]

Cyn,
Try removing the "header" from the previous post.

.site-header.front-page-header {
    height: 400px;
}

Jon

[jonkenney]

Nice!

[jmrallen]

Great sleuthing. This just seems to affect the homepage, though. Have you managed to find any areas in CSS or the .js files where you can shorten the height of the header in all interior and/or stand-alone pages? I'm trying to have the header/background image be shorter across the board, not just on the homepage.

[Author]

Posts