[Support request] Mobile Menu

[Lee]

Hey Guys,

I’ve created a menu for my website and it currently appears on the right-hand side of the site name (logo area) in mobile appearance and desktop appearance. However, I’d like to set it to left of the site name (logo area) when viewed in mobile appearance.

Could you help me with this please,

MAny thanks

[Leo]

Hi there,

So you would like to swap the position of title and menu on mobile?

Or position them both on the left?

Let me know 🙂

[Lee]

Yes, on mobile only, I’d like for the menu to appear on the left of the site title.

Thanks again,

Lee.

[Leo]

Try this CSS:

.main-navigation.has-branding .menu-toggle {
    order: -1;
}

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

Let me know 🙂

[Lee]

Thanks for the quick response. I’ve installed the plugin, and copied the code. However, could you please tell me where I’d need to input this code?

Thanks again,

Lee.

[Leo]

Try the Additional CSS field in the customizer first. It should be the easiest method if you don’t have a tons of CSS to add:
https://docs.generatepress.com/article/adding-css/#additional-css

Let me know 🙂

[Author]

Posts