Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The topic ‘Mobile / Burger Menu vertical spacing between menu items.’ is closed to new replies.
Tagged: Burger Menu, mobile menu, spacing
Is there any way to decrease the amount of vertical space between the menu items on the mobile/burger menu?
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
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?
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
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?
Hi,
Add this to quick css:
.av-hamburger.av-hamburger--spin.av-js-hamburger{
margin-top:20px!important;
}
Best regards,
Jordan Shannon
Perfect! Thanks so much.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon