How can I fix the persistently open categories header on my website?

Solved

How can I fix the persistently open categories header on my website?

harrygoat1218
Excursionist
58 0 3

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.

 

Screenshot (780).pngScreenshot (779).pngScreenshot (778).png

 


 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10087 2006 2056

This is an 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>

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 6 (6)

harrygoat1218
Excursionist
58 0 3

harrygoat1218
Excursionist
58 0 3
@

harrygoat1218
Excursionist
58 0 3

Dan-From-Ryviu
Shopify Partner
10087 2006 2056

This is an 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>

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

harrygoat1218
Excursionist
58 0 3

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
Shopify Partner
10087 2006 2056

You are very welcome!

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.