Hi, I’m currently using the Prestige Theme for my website and I want to know if there’s a way to hide certain dropdown menu items from the navigation on the desktop only, but keep them on the mobile sidebar menu. I’m using the mega-menu option on the Prestige Theme and want those to show up on the desktop instead of the menu items themselves. Below is what I want to hide and what I wish to keep in the navigation.
1 Like
can you please provide store url so i will check and guide you
1 Like
yes, please try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.Header--center .Header__MainNav {
display: none !important;
}
Thank you for your reply. However, I only want to hide the items highlighted in the red box under the “Custom” Tab in the image attached when browsing on desktop, not the entire menu. Is that possible?
I would love to know the answer to this as well!
1 Like
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
also please add screenshot
Thank you!
Gear.com is the url.
1 Like
Thanks can you please let me know which item can i hide on desktop
can you please try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (min-width: 1240px){
.MegaMenu__Inner .MegaMenu__Item.MegaMenu__Item--fit:first-child {
display: none;
}
}