Beautiful Pro – Mobile menu icon not centered

[gianni bianchini]

Hi all,

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/

Gianni

http://nomadisbeautiful.com/

[nutsandbolts]

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.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[gianni bianchini]

Thanks,

I have fixed the problem.

Gi

[gianni bianchini]

Resolved

[Author]

Posts