[Resolved] Customizing the Mobile menu

[Dax]

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

[David]

Hi there,

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Dax]

Hello,

Done.

Thank you

[Tom]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Dax]

Thank you very much Tom!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts