Sub menu not showing on mobile view

Hello,

I have sub items in my menu (two level down) but they do not appear on mobile view. Is there a way I can fix it?

Thank you!

Hi @riri,

Sorry to hear of the problem you are having.

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

Which browser are you using?

Have you tested it using different browsers?

Kind Regards,
Movin

Same problem to me!!
http://www.fuoriluogoasti.com/

From mobile, submenu not showing when clicking.

:frowning:

@FuoriLuogo i could confirm the issue on your shared site but it’s working fine for me on my test site.

Could you please try using the sparkling theme from the github https://github.com/puikinsh/Sparkling ?

Also please temporary just use the sparkling theme and not its child theme that you are using on your site.

The theme on github is different from the wordpress one?

Anyway, I removed sparkling theme, I installed sparkling master and activated it. Submenu from mobile still not working.

Now I set back sparkling child.

@FuoriLuogo We are already helping on the following topic regarding this issue so to avoid duplication of topics please reply on the following topic or create your own new topic.

https://colorlibsupport.com/t/drop-down-menu-doesnt-work-for-mobile/

Hi @Movin,

Sorry for the late reply. My phone’s browser is Google Chrome. I tested the mobile view on different devices on this site: http://mobiletest.me/ and same problem.

My website is: http://fermebeaurepaire.com

Thank you

Hi @riri,

I visited your shared site and saw that the first level drop down is working fine as shown in the attached screenshot but not second level drop down.

This is happening because the theme uses bootstrap framework that only supports one level drop down menu.

To resolve the issue you can just use the mobile menu provided by following plugin

and hide the default theme mobile menu by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

button.btn.navbar-toggle {
    display: none;
}

Hi @Movin,

Thank you so much for your help. I’ll try that asap :slight_smile:

You are most welcome here :slight_smile: