Hiding a menu item in navigation bar - Dawn Theme

Solved

Hiding a menu item in navigation bar - Dawn Theme

ME4295
Visitor
2 0 2

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. 

Accepted Solutions (2)

ZestardTech
Shopify Partner
6041 1080 1448

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;
}

 

ZestardTech_0-1721895067274.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

BSS-TekLabs
Shopify Partner
2401 695 828

This is an accepted solution.

- Here is the solution for you @ME4295 
- Please follow these steps:

step.png

- 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:

BSSTekLabs_0-1721908061690.png

 

BSSTekLabs_1-1721908070534.png

 

 

- 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


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
6591 1784 2166

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ME4295
Visitor
2 0 2

Hey Moeed, 

 

https://wholesale.hadeco.co.za/ 

 

I'd like to hide the "winter bulbs" menu item on my navigation bar. 

 

 

Moeed
Shopify Partner
6591 1784 2166

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:

Moeed_0-1721895077609.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ZestardTech
Shopify Partner
6041 1080 1448

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;
}

 

ZestardTech_0-1721895067274.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
LovelyVal13
Visitor
2 0 0

Hi! 

Where in edit code is base.css found exactly?  ... there are so many pages ...

BSS-TekLabs
Shopify Partner
2401 695 828

This is an accepted solution.

- Here is the solution for you @ME4295 
- Please follow these steps:

step.png

- 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:

BSSTekLabs_0-1721908061690.png

 

BSSTekLabs_1-1721908070534.png

 

 

- 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


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Webstablish
Shopify Partner
71 12 16

Hi ME4295,

 

If you'd like to do this without changing your theme, check out the app MenuQoL. Seems to fit your use case.

MenuQoL: Hide & Copy Menus | Tutorial
- Hide your seasonal menu items instead of throwing them away
- Copy navigation menus to save time