Need help increasing header height in Eleven40 Pro

[webby101]

Hi all.

I've been struggling with this all day and, since it's Saturday and the kids are waiting for me, I thought I'd throw this question out there to the experts.

- I'm working with Genesis / Eleven40 Pro
- I'd like to increase the height of the standard black bar to 130px (I call it the header)
- In it I have the logo and the nav bar which are good to go
- Playing with the css I can get the space I need but there are discrepancies between the space below the header and the tagline depending on if I view via PC or mobile. I need the space to be the same for both versions.

Website URL: goo.gl/tSUjV6

Here is what I've added to CSS to get to where I am:

.header-image .site-title a {
min-height: 120px;
}
.site-header {
min-height: 120px;
}

.wrap {
margin-top: 20px;
}

.site-inner {
margin: 75px 0 40px;
}

Thank you!

[Victor Font]

You said in your post you want the height to be 130px, but you set the CSS for 120px. That's a little confusing. Mobile CSS is driven by the media queries at the bottom of style.css. If you want the header height to be the same on both desktop and mobile, use height instead of min-height, or add a min-height to the media query.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts