Shopify themes, liquid, logos, and UX
Hi,
im looking to hide this top navigation / tooltip:toolbar menu on Desktop only*
any help is appreciated.
mike
Solved! Go to the solution
This is an accepted solution.
Hi @Luxurymrkt,
Go to Assets > theme.css and paste this at the bottom of the file:
@media only screen and (min-width:769px){
.toolbar__item.toolbar__item--menu {
display: none !important;
}
}
it will help you hide only for Desktop.
oh sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
.toolbar__item:first-child {display: none;}
This is an accepted solution.
Hi @Luxurymrkt,
Go to Assets > theme.css and paste this at the bottom of the file:
@media only screen and (min-width:769px){
.toolbar__item.toolbar__item--menu {
display: none !important;
}
}
it will help you hide only for Desktop.
Worked perfect thanks so much
Hi, I use this top menu on Impulse, and would like it to show on desktop and mobile - it only shows on desktop. I haven't changed any coding. Is there a way to get it to show up on mobile too please? thank you.
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.
please confirm this look
Yes please, that's perfect
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025