Hello guys!
First of all, amazing work on all your themes, I especially love your Enfold theme. Aswell, your forum support / threads covered all my questions – up to this point.At this point I’m having trouble in styling the burger menu in mobile view, to be more precise the overlay menu that pops out once the user clicks the burger icon.
Within this overlay I configured my alternate mobile menu. all works well, only the styling is bothering me. not the fonts or whatsoever but rather the white space that seems to be displayed for no reason.
I would really like the menu content to start at the top of the overlay popout .
I invite you to have a look at the attached screenshot.
https://ibb.co/g9gKmk8
Can you help me please?
Hey marketingnr1,
Thanks for the screenshot, where can we see the element in question on an actual page?
Best regards,
Rikard
Hi,
Sorry for the late reply, the position of the mobile menu is set by the vertical-align being middle with 92px of top padding. We can change the vertical-align to top and then adjust the padding to suit.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top #av-burger-menu-ul {
vertical-align: top !important;
padding: 0px !important;
}
This will place the menu at the top, please change the 0px to suit, such as 20px.
Best regards,
Mike
thanks for the code, thats exactly what Ive been looking for.
cheers!
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike