Shrinking size of header

This topic is: not resolved

Tagged: ,

This topic contains 5 replies, has 2 voices, and was last updated by Phoenix phoenix 1 year, 5 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #21837
    Glascala
    glascala
    Member
    Post count: 52

    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)

    Header

    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;
    }
    #21890
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    You can use the below custom CSS –

    #primary-menu {
        top: 0;
    }
    
    #21910
    Glascala
    glascala
    Member
    Post count: 52

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

    #21946
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    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%;
    }
    
    #21983
    Glascala
    glascala
    Member
    Post count: 52

    That didnt work. Anything else I can try?

    #22003
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    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 .

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

You must be logged in to reply to this topic.