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.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!