Center align mobile menu - by The Watch Strap Co.

Solved4 replies3 participantsUpdated by The Watch Strap Co.

  • Avatar: The Watch Strap Co.
    The Watch Strap Co.
    Participant

    Hi,

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

    #249070 Copied Theme version: 6.3.8 WooCommerce version: 5.4.2

    4 Answers

    Avatar: John Holden
    John Holden
    Participant

    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

    #249125 Copied
    Avatar: The Watch Strap Co.
    The Watch Strap Co.
    Participant

    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?

    #249211 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #249224 Copied
    Avatar: The Watch Strap Co.
    The Watch Strap Co.
    Participant

    Thanks that worked for me 🙂

    #249255 Copied

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