Archived topic

Customizing the Mobile menu

5 replies · Started by Dax on March 8, 2019

Viewing posts 1–6 of 6

March 8, 2019 at 7:15 am #832933

Hello,

How do I left align mobile menu items? At the moment they are all centralized and it looks crud. Is there also any way to make the close box appear next to the word menu as opposed to right of the menu box?

Thanks in advance

March 8, 2019 at 7:20 am #832941

Hi there,

could you link us to your Site. You can edit your original topic and use the Site URL field for privacy.

March 8, 2019 at 9:57 am #833139

Hello,

Done.

Thank you

March 8, 2019 at 5:05 pm #833381

Hi there,

You have some custom CSS which is centering the items:

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
    text-align: center;
}

If you don't have control over that CSS, you can left align them like this:

.main-navigation.slideout-navigation .main-nav ul li a {
    text-align: left;
}

As of right now it's pretty difficult to add the close item directly inside the menu. However, this is a feature we've added in GPP 1.8, which will be available for testing in the next couple weeks :)

March 9, 2019 at 6:33 am #833738

Thank you very much Tom!

March 9, 2019 at 9:53 am #833999

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.