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 10 months, 1 week ago.

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

    gianni bianchini
    Member
    Post count: 4

    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/
    #90793

    nutsandbolts
    Keymaster
    Post count: 3202

    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, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #90796

    gianni bianchini
    Member
    Post count: 4

    Thanks,

    I have fixed the problem.

    Gi

    #90799

    gianni bianchini
    Member
    Post count: 4

    Resolved

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

You must be logged in to reply to this topic.