[Resolved] Submenu not showing in mobile

[elsa]

Hi,
I didn’t alter anything but the submenu doesn’t show on mobile. Please help me to resolve this.

[Leo]

Hi there,

It doesn’t look like any of your menu items have child items from the code.

Is there a specific item I should be looking at?

[elsa]

Hi Leo,
In spruceupspace.com/kids Menu “SHOP” there is no submenu. Please help to resolve this. Thank you.

[Leo]

I’m not sure what you mean? How is that menu added?

I don’t see sub menu showing in the code either. But there is menu item added in the menu structure?

[elsa]

Hi Leo,
> Please visit this address via mobile phone. spruceupspace.com/kids
> Click on menu button
> There is “SHOP” as menu but there is no submenu

Yes, I’ve added submenu via Appearance > Menu Setting.

Thanks.

[Leo]

Can you give #1 a shot here to eliminate plugin conflict?
https://docs.generatepress.com/article/debugging-tips/

Let me know.

[Tom]

The Shop button at the top right? That’s not using a GP menu (Primary or Secondary), so sub-menus likely aren’t built in.

You would have to use the Secondary Navigation module in that spot if you want to use sub-menus.

[elsa]

Hi Leo, Tom,
Thanks so much. True that I don’t use Primary or Secondary Menu, but I use Slideout Menu. If slideout menu can’t produce submenu, is there any code I can use to tweak it?

[Tom]

Ahh on mobile, I see.

That’s strange – is there any way you can send me temporary admin login details?: https://generatepress.com/contact/

[elsa]

Hi Tom,
Sure, I’ve sent web credential via Account Issue in the link you’ve mentioned. Thanks.

[Tom]

Are you using a plugin to display conditional menus? If so, which one?

[elsa]

Yes Tom. It’s conditional menu from Themify. I use it for Primary, Secondary, and Slideout Menu.

[Tom]

Ah, in that case you’ll likely need to add this code: https://wordpress.org/support/topic/secondary-menu-12/#post-9976211

Adding PHP: https://docs.generatepress.com/article/adding-php/

[elsa]

Hi Tom,
It’s working! Thanks so much!

But I need to eliminate the sign “v” on desktop view, how to do that?

[Leo]

Try this:

@media (min-width:769px) {
    .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
    .main-navigation .main-nav ul li.menu-item-has-children > a {
        padding-right: 20px;
    }
}

[Author]

Posts