[Resolved] Position Mobile Menu Label

[Jeffrey]

Hello,

I would like to position my mobile menu label in the centre of the menu bar (before the hamburger). I’ve looked around on the support forum and wasn’t able to find a solution. Could you please let me know how to proceed with this?

Thanks!

[Fernando]

Hi Jeffrey,

To clarify, are you wanting something like this?: https://share.getcloudapp.com/v1ugn8xR

If so, kindly try adding this CSS in Appearance > Customize > Additional CSS:

@media (max-width: 768px) {
    /* CSS in here for mobile only */
    #mobile-header button.menu-toggle{
        display:flex;
        flex-direction:row-reverse;
    }

    #mobile-header button.menu-toggle .mobile-menu{
        margin-right:10px;
    }
}

If you’re wanting to put a Text right at the center, it would be best to Create a Block Element with a Headline Block and hook it to inside_mobile_header. Then, we’ll be able to position it right at the center.

Hope this clarifies. 🙂

[Jeffrey]

Thanks, Fernando!

[Fernando]

You’re welcome Jeffrey! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. 🙂

[Author]

Posts