Eleven40 Pro Nav Bar Height

Community Forums Forums Design Tips and Tricks Eleven40 Pro Nav Bar Height

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  cindyjw 11 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #72520

    cindyjw
    Participant
    Post count: 14

    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/
    #72523

    JestersTear
    Participant
    Post count: 26

    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

    #72547

    cindyjw
    Participant
    Post count: 14

    Thank you!!! That worked great!

    Cindy

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.