Tagged: menu items, mobile menu, vertical align
I am working on a site where the mobile menu is always displayed. When a user expands the mobile menu, the menu items are centered, unfortunately I am having some difficulty centering them vertically and was wondering if you have any advice. Content below. Currently you can see the menu items are top aligned, and I would like the menu items to always be centered vertically.
Thank you
Hey haydaw,
Sorry for the delay, Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#mobile-advanced {
display:flex!important;
align-items: center;
justify-content: center;
flex-direction:column;
}
Best regards,
Vinay
Vinay,
Thank you for reminding me of flex:, I knew there was an option I was missing!