Shopify themes, liquid, logos, and UX
Good day,
I'd lie to hide a menu item in my navigation bar or create a separate main menu as the products that we sell are seasonal. ( ie Winter & Summer ) and if I create a separate menu - how do I swap between them?
I am currently using the Dawn theme.
Solved! Go to the solution
This is an accepted solution.
Hello @ME4295
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
details#Details-HeaderMenu-9 {
display: none;
}
This is an accepted solution.
- Here is the solution for you @ME4295
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
#HeaderMenu-winter-bulbs, #HeaderDrawer-winter-bulbs {
display: none !important;
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hey @ME4295
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Hey Moeed,
https://wholesale.hadeco.co.za/
I'd like to hide the "winter bulbs" menu item on my navigation bar.
Hey @ME4295
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
summary#HeaderMenu-winter-bulbs {
display: none !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hello @ME4295
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
details#Details-HeaderMenu-9 {
display: none;
}
This is an accepted solution.
- Here is the solution for you @ME4295
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
#HeaderMenu-winter-bulbs, #HeaderDrawer-winter-bulbs {
display: none !important;
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hi ME4295,
If you'd like to do this without changing your theme, check out the app MenuQoL. Seems to fit your use case.
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We 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, 2024