How to reduce teh height of the header/title area – Altitude Pro

[snatal8]

I'd like to reduce the height of the header/title/menu area. I'm using Altitude Pro

I copied this code from an older site I did about a year ago and can't remember how I changed it.

See how there's so much extra white space beneath the logo and menu?

Home

Thanks for your help!

http://www.staceynatal.com/RSS/

[Brad Dalton]

Normally your reduce the value for the height property when it's included in the CSS rule for the .site-header.

All the CSS for this is located under the Site Header section of your child themes style.css file.

You'll find the CSS rules for the title area, site title and nav menu in the same location

---

Tutorials for StudioPress Themes & WooCommerce.

[snatal8]

That's where I was looking but I can't seem to figure out which code needs to be changed. This is what it says:

.site-header {

background-color: #fff;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}

[DesignJunkie270]

Find this code in your style.css and change it. I changed the height value while i was inspecting your site, so yours will be different. There may be a "light" version of this you may need to change as well. It should be close by. 🙂

.header-image .dark .site-title > a {
    height: 89px;
}

[Author]

Posts