Eleven40 Pro Nav Bar Height

[cindyjw]

My client wants to change the height of the nav bar and make it thinner. I've changed the following code but the size is still the same (original height is 65px:

.site-header {
min-height: 40px;
}

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

PS: I'm using the Genesis Extender plugin to put in my custom css.

What am I missing?

Thanks!

http://designitdigital.com/60secondmillionaire3/

[JestersTear]

min-height only changes the minimum height of what you're targeting, ie it will never be shorter than 40px, but it can always be taller if it needs to be. You would have to use height if you wanted to specify a fixed height, or max-height if you want it to be no taller than X amount of px.

This poses the problem of the site's name being in two lines and therefore getting cut off. To fix that you'd need to find .title-area and, where it says width: 320px; change the width size so that two lines can become one.

Hope this helps!

---

Monica | jesterstear on twitter | monicaguerraleiria.com

[cindyjw]

Thank you!!! That worked great!

Cindy

[Author]

Posts