Submenu Displays — Luxedo

[Richard]

Dear GP Staff,

Love the theme, thank you. I’m using the Luxedo site from GP, and ran across two issues related to the display of the submenu. Please see the desktop and mobile versions here:
https://redwoodcoastparks.com/wp-content/uploads/2020/02/desktop.submenu.jpg
and here
https://redwoodcoastparks.com/wp-content/uploads/2020/02/mobile.secondary.menu_.jpg

For the desktop, I’m wondering two things: 1) How to move the submenu (in grey) to the bottom, if possible. 2) Can I tweak the display so that it doesn’t make white rectangles when you click on one of the links. Hoping for something more subtle, like change color of the link text.

For the mobile, I’m wondering if A) I can move it underneath the main menu or B) make the sandwich icon for the submenu flush left like the main menu or C) tweak the name that it reads ‘submenu’

Any thoughts on the above would be most appreciated. Thanks.

Yours,

Richard

[Tom]

Hi there,

To move the secondary navigation, go to Customize > Layout > Secondary Navigation. You’ll find location options in there. You’ll also find the mobile menu label.

For the colors, try Customize > Colors > Secondary Navigation.

If you move the secondary navigation after the header, the mobile menu will appear there as well. To align it left, try this CSS:

.secondary-navigation .menu-toggle {
    text-align: left;
}

Hope this helps 🙂

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

[Author]

Posts