Help: The third level of the main menu doesn't work

If you're encountering an issue with the third level of your menu not being visible, we'll walk you through a fix. Do the following steps

1. Go to Online store->Themes->Modular 

2. Click "Actions"

3. Click "Edit code"

4. Search for the "Sections" folder

5. Open the "header.liquid" file

6. Replace all of the content with the code of the link  here

7. Click "Save"

8. Search for the "Assets" folder

9. Open the "style.scss.liquid" file

10. On line 5028, add the following block of code

, .submenu-item

Before

After

11. On line 5063, add the following block of code

  background: white;
  z-index: 9999;

Before

After

12. Click "Save"

13. Open the "shop.js.liquid" file

14. Replace the code on line 1851 with the following block of code

Site.nav.submenu.close( $(this) );

Before

After

15. Replace the code on lines 2008-2012 with the following block of code

close: function(el){
     var link = $(el).children().first();
     if( $(link).hasClass('first-back--link') ){
	$('.menu').removeClass('submenu--is-visible').removeAttr("style");
     }
     var $elSubMenu = el.closest('.submenu');
     $elSubMenu.removeClass('is-visible');
	return false;
    }

Before

After

16. Click "Save"