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.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
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.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
Hi ME4295,
If you'd like to do this without changing your theme, check out the app MenuQoL. Seems to fit your use case.
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024