All things Shopify and commerce
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.
Solved! Go to the solution
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.
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.
Yes Sir it worked perfectly. Thank you so much for your help. You are literally the greatest among the shopify partners and community helpers.
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.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024