Drop Down on Mobile Menu

Hi there,

You have to edit the WordPress menu that is assigned to the off canvas menu:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/

Then add child items to it.

Let me know if this helps :)

Oh, great, thank you. I'm super happy editing menus. If I create a new one though - what do I need to put it as for it to show as a mobile menu? Because I already have a primary and secondary menu which is for desktop, but I don't see anywhere to select for mobile only and mobile navigation?

There is: "Off Canvas Menu (Currently set to: Primary menu - Dispatch)" - is that mobile perhaps? That currently just features an "uncategorised" category block.

Thanks,
Ella

Hi there,

in Customizer > Layout > Off Canvas Panel - if you set it to Mobile Only, then whatever menu you added to the off canvas location will be displayed there and only on the mobile device.

Hi David, thanks for this, that's super helpful. I've created the menu and my dropdown for the blog categories shows up in black, but I need the text of those categories to automatically list in white text as they're there but you can't see them.

Site: http://www.forgettingfairytales.com

How do I change the text colour please?

Thanks,
Ella

Hi Ella,

Can you try the options in Customizer > Colors > Offcanvas Panel > Sub-Menu-Items first?

Of course. It seemed to be set correctly anyway but just updated it so it should be white text on black: https://postimg.cc/q6Cg4q12 but it doesn't show like that. Thanks!

Can you disable your caching and minifying plugins first?

If that doesn't work, can you provide the dashboard login for me to take a quick look?

Thanks.

What does minify plugins mean sorry? I also can't disable my caching as the only cache feature I have left is breeze which is embedded into the site.

You're welcome to take a look. I'll copy the logins privately below now.

Whilst you're on there, perhaps you could see why my button won't update too: https://postimg.cc/56dSBwtZ I've had it set up so the text is grey on top of the pink and it doesn't change.

Let me know if you manage to fix it. Thanks so much!

Thats odd.... but lets get that fixed by adding this CSS:

.slideout-navigation.main-navigation .main-nav ul ul li a {
	color: #fff;
}

Amazing, that now works, thanks so much! I noticed the blog page (not the drop downs) but the blog itself, appears like this on mobile: https://postimg.cc/m1tnhrMN but on desktop it's correct - displaying all the posts for all categories. Do we need an extra bit of code to fix that now? :)

And what code do we need to fix the button colour not updating please? https://postimg.cc/56dSBwtZ

Thanks!

For the button in the hero grid - use this CSS:

.wpsp-card .wpsp-read-more a {
    color: #000;
}
.wpsp-card .wpsp-read-more a:hover {
    color: #fff;
}

That other issue is showing some old code - try clearing the browser cache to see if it goes away. If it doesn't can you switch networks and try clearing it again ?