Shrinking size of header

[glascala]

Hey guys

I was wondering how I can go about shrinking the size of the header at the top. I really just want to bring the menu items closer to the bottom part of the logo. (see image)

This is the custom CSS I have so far, what needs to be added?

h1#site-logo {
    top: 10;
}

#primary-menu > ul.menu > li > a {
    line-height: 50px;
    font-size: 16px;
}

[Veena]

You can use the below custom CSS –

#primary-menu {
    top: 0;
}

[glascala]

Thanks for that now how can I remove the extra space?

[Veena]

The menu will collapse in to the slider area in smaller window size/screen size if we reduce that space .
It is better to reduce the logo size .
Pls try the below custom CSS in themeoptions –

#site-logo a img {
    max-width: 70%;
}

[glascala]

That didnt work. Anything else I can try?

[Veena]

You logo is taking a lot of space in the header . If you make logo to a lesser size will be fine .

If we reduce the space (below the primary menu) then it will affect the responsiveness of the site ie, in smaller screen sizes the menus will fall in to your content area .

[Author]

Posts