Archived topic

Position Mobile Menu Label

3 replies · Started by Jeffrey on April 19, 2022

Viewing posts 1–4 of 4

April 19, 2022 at 7:13 pm #2194170

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!

April 19, 2022 at 9:00 pm #2194219

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. :)

April 20, 2022 at 2:19 am #2194457

Thanks, Fernando!

April 20, 2022 at 5:13 pm #2195343

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

This archived topic is closed to new replies.

Start building better websites today.