Sticky Header Issue

[harrygoat1218]

Dear Members, I am having a bit of problem with the categories header of my website, it kind of always remains open which is kind of a problem. What I want is that it only should open up when we click it, otherwise it should remain closed. Here is a screenshot below to it. My website URL is https://www.brandtec.store/

In the Catalog and Product pages, you will notice the issue when you scroll up and down the page.

I will appreciate your support in this.

[harrygoat1218]

@PageFly-Noah

[harrygoat1218]

@

[harrygoat1218]

@Made4uo-Ribe

[Dan-From-Ryviu · Accepted solution]

Please add this code to theme.liquid file before </body> tag 

    <style>
    .section-header-navigation { z-index: 22 !important; }
    .header__menu-vertical {
      transform: translateY(0px) !important;
      opacity: 0 !important;
      visibility: visible !important; 
    }
    .d-active .header__menu-vertical { opacity: 1 !important; }
    </style>
    
    <script>
      $(".vertical-menu").on('click', function (event) {
        event.preventDefault();
          if($('.vertical-menu').hasClass('d-active')){
             $('.vertical-menu').removeClass('d-active')
          }else{
            $('.vertical-menu').addClass('d-active')
          }        
      });
    </script>

[harrygoat1218]

Yes Sir it worked perfectly. Thank you so much for your help. You are literally the greatest among the shopify partners and community helpers.

[Dan-From-Ryviu]

You are very welcome!