Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 22, 2018 at 7:58 pm #945114
    studioem

    Is there any way to decrease the amount of vertical space between the menu items on the mobile/burger menu?

    April 23, 2018 at 4:16 am #945212
    Nikko

    Hey John,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #av-burger-menu-ul {
    padding-top: 0 !important;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    June 14, 2019 at 9:11 pm #1110505
    jofarhat

    Hey Nikko, I just tried this custom CSS and it seems to bring the menu up but not remove vertical space in between Menu items.
    Is there a way to remove space between the menu items in the mobile/burger menu?

    June 14, 2019 at 11:29 pm #1110531
    Jordan Shannon

    Hi,

    You have to find and adjust this line-height in your css:

    @media only screen and (max-width: 767px){
#top #wrap_all #header .main_menu a {
    height: auto !important;
    line-height: 1 !important;
}}

    Best regards,
    Jordan Shannon

    June 17, 2019 at 8:34 pm #1111133
    jofarhat

    Sweet that worked…
    so now that I have the vertical alignment corrected the burger menu is too high. How do I resolve both of these?

    June 17, 2019 at 10:04 pm #1111147
    Jordan Shannon

    Hi,

    Add this to quick css:

    .av-hamburger.av-hamburger--spin.av-js-hamburger{
margin-top:20px!important;
}

    Best regards,
    Jordan Shannon

    June 18, 2019 at 3:22 pm #1111326
    jofarhat

    Perfect! Thanks so much.

    June 18, 2019 at 6:48 pm #1111409
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile / Burger Menu vertical spacing between menu items.’ is closed to new replies.