Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts

  • grindle
    Participant

    Hi,

    Could someone have a look at my website please – http://www.grow-digital.com/

    I’d like to know how to get the mobile menu to display with a logo on one side and a burger menu on the other side – not stacked.

    Thanks

    Hi @grindle

    Please copy and paste this CSS into Theme Options > Custom CSS > MOBILE CSS

    li.dock-menu-trigger.dock-tab.mobile.not-edge.visible {
        float: right;
    }
    
    .sticky-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
    }
    
    #header-logo #logo a {
        float: left;
        margin-bottom: 15px;
    }

    This should make the logo float left, while the mobile menu floats right.

    Regards,


    grindle
    Participant

    Hi,

    Thanks for the quick reply – this is brilliant and exactly what I wanted.

    Could I ask for 2 small changes please.

    How do I center the logo – it looks left aligned, not centered

    The burger menu is over the top of the logo – how do I put the burger at the top and the logo underneath

    Thanks again

    Hi @grindle

    Please replace the first CSS block with this one:

    li.dock-menu-trigger.dock-tab.mobile {
        float: right;
    }

    It will force the mobile menu to float right. If you want the log centered, then remove the last block on the CSS I sent.

    Regards,


    grindle
    Participant

    Thank you – that’s working perfectly

    You’re welcome, @grindle

    Please don’t hesitate to contact us us back if you encounter any issues.

    Regards,

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

You must be logged in to reply to this topic.