Change Header Height – Author Theme

[philraymond]

Hi, I'm using Firebug and I'm usually pretty good at css overrides, but I can't figure out how to decrease the height of the site header in Agency Pro (before the shrink class is even applied).

I've tried all the obvious overrides. Any ideas?

Thanks in advance!
Phil

http://www.minimalist.business/

[Brad Dalton]

Modify the min-height value for the .site-header class?

.site-header {
    background-color: #7a8690;
    color: #fff;
    min-height: 120px;
    position: fixed;
    width: 100%;
    z-index: 498;
}

---

Get Help – Book Consultation.

[philraymond]

Just figured it out. Here it is in full:

.site-header {height: 70px; min-height: 0; }
.site-inner {margin-top: 70px; }
.title-area {padding: 17px 0; }
.genesis-nav-menu a {padding: 27px 20px; }

[philraymond]

And add this as well, to keep it looking good on smaller devices:

@media all and (max-width: 800px) { .site-inner {margin-top: 50px; } }

[philraymond]

And more, for when you're using widgets on the home page:

.featured-widget-area {margin-top: 70px; }

[Author]

Posts