Remove Header or Minimize Area Metro Theme

[vandalais]

Hi folks, is it possible to remove the header area or minimize it's size in the Metro theme? I'm not using a header image and now I just have a lot of white space above my posts.

I basically want a landing page but with minimal navigation. I do have premise but I can't figure out a way to add navigation to a landing page.

---

Follow me on Twitter

[bmaven]

You just need to find #header in your CSS stylesheet (somewhere around line #518) and change this:

#header {
min-height: 87px;
overflow: hidden;
}

to this:

#header {
height: 0px;
overflow: hidden;
}

Hope this helps!

Warmly,
Jeni

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[sangfroidweb]

Hi!

There is most likely a minimum height set on the header div. Look for this in your stylesheet (this is from the demo on line 518 of style.css):

`#header {
min-height: 87px;
overflow: hidden;
}`

Adjust or remove this min-height so that the header area is no longer forced to be 87px.

Hope this helps!

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[vandalais]

Hi Jeni,

Thank you so much! That was the solution.

---

Follow me on Twitter

[Author]

Posts