Support » Plugin: Responsive Menu - Create Mobile-Friendly Menu » Change menu position?

  • Resolved clayisland

    (@clayisland)


    Hi,

    Love the menu, looks and works great.

    My theme’s menu is a bit down from the top, and I would like the responsive menu to be in the same position.

    I figured out how to move the hamburger, how do I position the menu so that it opens and lines up with the hamburger?
    http://test.clayisland.com

    Thanks,
    Clay

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Responsive Menu

    (@responsivemenu)

    Hi Clay,

    Have you tried adding a top margin to the container?

    All the best

    Hi,

    Not yet. How would I go about trying this? Is there a container option in the settings? Or how?

    Thanks,
    Clay

    Plugin Author Responsive Menu

    (@responsivemenu)

    Hi Clay,

    The below CSS should do it:

    #responsive-menu-container {
       margin-top: 195px;
    }

    All the best

    Thanks, that’s working for me.

    So my menu changes for tablet and phone. I been trying to change the position of the button in css and nothing is working. See below:

    @media only screen and ( min-width: 480px ) and ( max-width: 767px ){
    #responsive-menu-pro-container {
       margin-top: 290px;
       position: absolute;
       }
    #responsive-menu-pro-button {
       margin-top: 290px;
       !important;
       position: absolute;
       }
    
    }
    Plugin Author Responsive Menu

    (@responsivemenu)

    Hi there,

    To change the button position you can just do this:

    button#responsive-menu-pro-button {
       top: 290px;
    }

    All the best

    Hi,

    Thanks! That’s what I needed.

    Great support and wonderful plugin.

    Awesome!

    Oh wait, I forgot that being logged in the admin bar pushes the menu down.

    Do you know how to check for being logged in/admin visible and then re-positioning the menu?

    Thanks

    Plugin Author Responsive Menu

    (@responsivemenu)

    Hi there,

    Sure, there are loads of ways, I have posted a link to a function check below:

    https://codex.wordpress.org/Function_Reference/is_admin_bar_showing

    All the best

    Thanks! I figured it out using:

    @media only screen and (max-width: 479px){
    .admin-bar button#responsive-menu-pro-button {
       margin-top: 22px;
       position: absolute;
       }

    or .logged-in

    my menu moves around so much it might be easier to move the admin bar down and put the menu up top…

    Plugin Author Responsive Menu

    (@responsivemenu)

    Hey there,

    Great news and thanks for letting me know!

    All the best

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Change menu position?’ is closed to new replies.