Beautiful Pro – Mobile menu icon not centered

Community Forums Forums Design Tips and Tricks Beautiful Pro – Mobile menu icon not centered

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  gianni bianchini 1 year, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #90603

    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:



    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


    I have fixed the problem.



    gianni bianchini


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.