I have a problem with the mobile menu icon. I have my menu below the header (and not in the header right widget area, like in the demo). When I visualize the website on a mobile, the menu doesn’t shrink to an icon but remain with all the links.
I wrote to the support and they suggest me to change the responsive-menu.js file in my theme. Instead of targeting “header .genesis-nav-menu” to target “.nav-primary .genesis-nav-menu”. That’s what I did, the menu icon now finally is displayed but unfortunately it is not aligned.
Is there any way I can align the mobile menu icon in the center?
Thank you very much for your help.
My website: http://nomadisbeautiful.com/
It shows up centered for me on both my phone and iPad:
If you’re talking about vertical centering, try adding 1rem/10px of margin on the bottom of
#responsive-menu-icon in your stylesheet to match the 1rem/10px of margin on top.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.