Debut Hover Drop Down Menu

Highlighted
New Member
7 0 0

Hi everyone,

 

So I've been trying to get the menu in the Debut theme to display dropdown menus on hover instead of click to open. I've successfully done so by adding in the codes:

.site-nav--has-dropdown:hover .site-nav__dropdown,
.site-nav--has-dropdown:focus .site-nav__dropdown {
  display: block;
}
.site-nav__dropdown { top: 30px; }

 

HOWEVER,

I also want to disable double-clicking for parent menus. Other threads have mentioned to comment out 

cache.$parents.on('click.siteNav', function(evt) {
      var $el = $(this);

      if (!$el.hasClass(config.activeClass)) {
        // force stop the click from happening
        evt.preventDefault();
        evt.stopImmediatePropagation();
      }

      showDropdown($el);
    });

 

The only thing is, I can't seem to find this anywhere on the stylesheet even by using the finder. 

 

Has the code changed? Does anyone know another way? Thanks!

0 Likes
Highlighted
New Member
7 0 0

Bumping this

0 Likes
Highlighted
New Member
7 0 0

bumping

0 Likes
Highlighted
Trailblazer
190 31 41

Hi @lynndors 
Thank you for your question. 
Please share your store URL, page URL and also password (if your store has one) so we can help you.
do not hesitate to let me know, if you have any questions.
email: shopify.expert.team@gmail.com

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
0 Likes