Home / Forums / ePix Support / how to decrease height of menu

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts

  • anaghbarui
    Participant

    helo,

    Can you tell me how to decrease the height of Menu in E-Pix Theme.

    Regards

    Hi @anaghbarui

    The height is partially dependent on the logo. If you are using a small logo and the menu height is still too much for you, we can decrease it further by reducing the padding in the header.

    Please send your site’s URL so I can give you the exact CSS needed.

    Regards,


    Tim Hensel
    Participant

    Hi Edcel

    I’d like to reduce the height of the menu in the site I’m currently working on too – it seems to be 100px minimum at the moment.

    The url is http://ricordaconsultancy.tinyrobot.design

    Please can I have the css to do this?

    Many thanks

    Tim

    Hi @timhensel

    How small do you want it to be? From how your logo looks, this is the best height for it.

    If you really want to this, try this CSS:

    .sticky-wrapper {
        min-height: 75px !important;
    }
    
    #primary-wrapper .sticky-wrapper #header-logo {
        height: 75px;
        line-height: 75px;
    }
    
    #primary-wrapper #header-wrap .dock-panel-wrap.main_nav ul.dock-panel li, #primary-wrapper #acoda-tabs .dock-panel li.dock-tab.dock-info {
        height: 75px;
        line-height: 75px;
    }

    Regards,


    Tim Hensel
    Participant

    Thanks Edcel, actually I agree with you it looks fine! Request from my client, tried talking her out of it.

    Thanks again for the code.

    Best

    Tim

    You’re welcome @timhensel

    Please don’t hesitate to contact us if you run into any issues.

    Regards.

    You’re welcome @timhensel

    Please don’t hesitate to contact us if you run into any issues.

    Regards.

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

You must be logged in to reply to this topic.