Center align mobile menu - by The Watch Strap Co.

This topic has 5 replies, 3 voices, and was last updated 5 years, 3 months ago ago by The Watch Strap Co.

  • Avatar: The Watch Strap Co.
    The Watch Strap Co.
    Participant
    August 24, 2020 at 15:59

    Hi,

    Just wondered how we can center align our menu items on the mobile menu? At the moment they are left aligned 🙂

    4 Answers
    Avatar: John Holden
    John Holden
    Participant
    August 25, 2020 at 06:02

    Hi,

    – You can delete Logo element https://prnt.sc/u5ci55

    – Then, move mobile menu into center

    – Add Logo element on the left

    Regards,
    Hung PD

    Avatar: The Watch Strap Co.
    The Watch Strap Co.
    Participant
    August 25, 2020 at 14:15

    Apologies, I don’t think I explained correctly.

    I mean the actual menu items within the menu are left aligned (the text), I wanted to center align that text if possible?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 25, 2020 at 15:05

    Hello,

    Add the next code in Theme Options > Theme Custom CSS > Global custom CSS:

    .et-mini-content .mobile-menu-content .et_b_header-menu .menu li a {
        justify-content: center;
    }

    Regards

    Avatar: The Watch Strap Co.
    The Watch Strap Co.
    Participant
    August 25, 2020 at 17:40

    Thanks that worked for me 🙂

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Center align mobile menu’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.