We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Menu not working on mobile version

Menu not working on mobile version

Setinit
Shopify Partner
7 0 1

My dropdown menu doesn't work correctly on mobile; it's supposed to expand and show the subcategories, but nothing happens when we click.

 

What could be the issue?

 

www.keutek.com

 

Thanks in advance 

Setinit_0-1751502534224.png

Setinit

 

Replies 4 (4)

Guleria
Shopify Partner
4299 825 1189

Hello @Setinit ,

 

 

There is JS conflict in your theme. You can check the browser console for the errors.

To fix it, try to revert the custom codes or the apps you installed recently.

If nothing works then you need to go with a developer to fix it.

If you need my help to fix it please drop an email for services.

 

Regards
Guleria 

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

devcoders
Shopify Partner
1654 190 520

Hello @Setinit 

The menu isn't opening on mobile, right?

devcoders_0-1751515198359.png

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

Bundler-Manuel
Astronaut
1195 56 141

Hi there @Setinit  Feel free to try this code and let me know if it works for you

 


<script>
function mobileFix(){

var a = document.querySelectorAll(`.has-child .site-nav-link`);

if (!a){
return;
}
for (var each of a){
each.addEventListener('click',function(el){
el.preventDefault();
el.target.classList.toggle('show--dropdown');
});
}
}

mobileFix();
</script>

<style>
@media (max-width:767px){
.header .nou_megamenu{
width: 100% !important;
}
.show--dropdown + .sub-menu-dropdown{
display: block !important;
}
}
</style>

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.
Setinit
Shopify Partner
7 0 1

No, it didn't work.