Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 5, 2018 at 4:11 am #966946
    VerhoevenGroup

    Hi there, our main menu sits below the header logo to the left. I have adjusted the height of this bar to 35px. However where the main menu text sits on the left and the search icon sits on the right the height of the menu bar remains larger. Ie., the hieght of the bar is larger where there are links within the menu bar.

    Is there padding above and below the main menu links that i can remove to make the main menu bar the same height across the screen?

    June 5, 2018 at 8:51 am #967071
    Rikard

    Hey VerhoevenGroup,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    June 5, 2018 at 10:30 pm #967524
    VerhoevenGroup

    Thanks for your reply Rikard. Please see the link in the Private Content section. Thanks

    June 6, 2018 at 2:57 pm #967877
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

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

.html_header_top #top .av_menu_left .main_menu {
    bottom: 0 !important;
}

    Best regards,
    Rikard

    June 6, 2018 at 10:36 pm #968097
    VerhoevenGroup

    Worked perfect! Thank you very much for your help Rikard

    June 7, 2018 at 12:40 pm #968709
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.