Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 18, 2019 at 7:07 pm #1068537
    DigitalEssence

    Hi,

    I should be able to achieve this as I am reasonably clever, or at least I like to think so but it has me totally stumped.

    I’m trying to reduce the vertical padding of the header menu. That is, I want to reduce the space above and below the text within the box to reduce the amount of vertical space used by the menu.

    I’ve tried removing padding and margin, changing the line height and reducing the overall height of the main_menu all the way down to the a links but I only succeeded in moving the menu down over the slider.

    I’ve taken a screenshot of what I am talking about.

    View post on imgur.com

    Please help a simple bear who really should be able to achieve this.

    Thanks.

    February 19, 2019 at 3:52 am #1068729
    Nikko

    Hey DigitalEssence,

    Try adding this css code in Quick CSS:

    .html_header_top .av_bottom_nav_header #header_main_alternate .av-main-nav-wrap, 
.html_header_top .av_bottom_nav_header #header_main_alternate #avia-menu {
    height: 40px !important;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
    height: 40px;
    line-height: 40px;
}

    Best regards,
    Nikko

    February 19, 2019 at 11:38 am #1068880
    DigitalEssence

    Perfect thank you.
    I’d added the height to the avia-menu and the line-height to the a link but not the height.

    Will add this to my snippets on Gist.

    .html_header_top .av_bottom_nav_header #header_main_alternate .av-main-nav-wrap, 
.html_header_top .av_bottom_nav_header #header_main_alternate #avia-menu {
    height: 35px !important;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
    height: 35px;
    line-height: 35px;
}
    February 19, 2019 at 1:05 pm #1068924
    Nikko

    Hi DigitalEssence,

    Glad that we are able to help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘HOWTO: Reduce the height (vertical padding/margin) in the header menu’ is closed to new replies.