Hover Menu on Debut Theme: Sub-Menus don't close

Store Design
1

Hi,

Some code was added to our Debut theme to make the main navigation (menu items, & sub-menus) open on hover.

But they remain open and do not close once the cursor leaves the menu item.

When commenting out part of the “trap focus” code from the theme.js file, it fixes the closing problem with the main navigation, but makes the mobile navigation (hamburger menu) not work anymore.

Anyone has any solutions to that?

https://jydmw7w0da1vxf5s-57539494043.shopifypreview.com

here’s a preview link of the theme in question.

Thank you for your help!

2

@keyanhs

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.site-nav--active-dropdown .site-nav__dropdown {
    display: none;
}
1 Like
3

@KetanKumar Thank you! it seems to have worked for now, will update if ever it breaks again.

1 Like
4

@keyanhs

its my pleasure to help us, yes, sure