Consistent header height all pages CAFE PRO

[webcami]

Is there a way to make the header the SAME height all the way through the site on CAFE PRO?

I don't want the huge homepage header and what I've tried isn't working. I'd appreciate any help I can get!

This is a site mock up, not a public (hidden from search) link...

http://westseattlewordpress.com/maura2/

[jeffdalgliesh]

I have exactly the same question. Can anyone point out what to look at, it would be much appreciated.

[carasmo]

In home.js comment out lines 10 (in ready function) and 21 (in resize function) as follows

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

Two forward slashes in js and php (less and sass) is a single line comment. These don't work in CSS.

This appears 2 times.

In style.css locate:

/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #fff;
	width: 100%;
}

.site-header .wrap {
   max-width: 100%;
   padding: 100px 0;
   text-align: center;
}

.cafe-pro-home .site-header {
	display: table;
}

.cafe-pro-home .site-header .wrap {
	display: table-cell;
	vertical-align: middle;
 }

and Change to:

/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #fff;
	width: 100%;
}

.site-header .wrap {
   max-width: 100%;
   padding: 100px 0;
   text-align: center;
}

/* --- site header for home not used -----
.cafe-pro-home .site-header {
	display: table;
}

.cafe-pro-home .site-header .wrap {
	display: table-cell;
	vertical-align: middle;
 }
----- end site header for home not used ---- */

---

Genesis Theme Customization and Help

[carasmo]

Now, the rest of the page on the home page won't behave like it does in the demo and you will need to adjust that. Each section in the theme's original concept is to be the height of the viewport on load and resize, if you remove the home header height on just the home the rest of the sections of the home page will be the height of the viewport but the home won't be and the site-header height is not calculated into that (in the js).

---

Genesis Theme Customization and Help

[Author]

Posts