[Mobile Menu] Keeping menu button in the same line as title

First of all thanks so much for the brilliant theme, and for the amazing support.

I’m using the options in customize to keep the menu bar to the right (and not centred below the title).
At smaller resolutions however the “hamburger bar” gets pushed down below the title. There is still plenty of room for it to stay to the right of title. Could you please assist me with how to make that possible?

Thanks so much.

Hi,

Can you share your site URL here? I need to check it directly.

Regards,
Awan

sure thing. much thanks

www.fatherheartthailand.com

Try to add this CSS code please:
.btn-menu { float: right; margin-right: 20px; margin-top: -35px; }

Put the code into: Customize > additional CSS.

Brilliant. Exactly what I was after. Can’t thank you enough.

Thanks so much for your quick and helpful advice.

Glad to know if its working :slight_smile:

I have one followup request.
Can I specify different margins for mobile and tablet viewing.
The menu button rides up too high when in tablet mode, but perfect when in phone mode.

Thanks

Hi,

Yes… please try to replace the code in above with this:

.btn-menu {
    float: right;
    margin-right: 20px;
}

@media only screen and (max-width: 991px){
    .btn-menu {
        margin-top: -10px;
    }
}

@media only screen and (max-width: 767px){
    .btn-menu {
        margin-top: -37px;
    }
}

Regards,
Awan