Main navigation menu drop down not working on desktop. Debut Theme

Jose13 · ‎07-22-2020

So this is my store. I used to use a Mega Menu app called qikify which had a great menu. But after some redesign and changes in my collections, I simplified my menu and didn't need the mega menu, so I disabled it. Somehow, it rendered Shopify's native menus in the header, links work but not the drop-down. It works fine on mobile (Mega Menu was not active on mobile). Can someone help figure the issue out? I already contacted the developers but they've a long response time and I need to have this fix quick. I know maybe uninstalling the app and deleting every code might work, however I don't want to loose the data from previous menus, plus there's so many traces of code. Any idea what the problem is?

PageFly-Victor · ‎07-22-2020

Hi @Jose13

Please use this code instead of the old code

li.site-nav--has-dropdown:hover .site-nav__dropdown {
    display: block;
    top: 100%;
}

Let me know if it works or not.

I hope this helps you. Like it or mark as a solution if you feel it helpful. Cheers!

View solution in original post

Main navigation menu drop down not working on desktop. Debut Theme

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links