[Resolved] Position Mobile Menu Label

Home Forums Support [Resolved] Position Mobile Menu Label

Home Forums Support Position Mobile Menu Label

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2194170
    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!

    #2194219
    Fernando
    Customer Support

    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. 🙂

    #2194457
    Jeffrey

    Thanks, Fernando!

    #2195343
    Fernando
    Customer Support

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.