How can I hide the top navigation on desktop in the Impulse theme?

Store Design
1

9D2C15DE-DE39-451D-BD42-45BBAED1A9D5.jpeg
9D2C15DE-DE39-451D-BD42-45BBAED1A9D5.jpeg1169×1454 146 KB

Hi,

im looking to hide this top navigation / tooltip:toolbar menu on Desktop only*

any help is appreciated.my site is https://luxurymrkt.com

mike

picture is attached

1 Like
2

@Luxurymrkt Go to assets/theme.css and paste below css at bottom of file.

.toolbar__item:first-child
{
display: none !important;
}
3

@Luxurymrkt

.toolbar.small--hide {
    display: none !important;
}

Add this code in theme .css

If you are looking to hide only on mobile, you can try out this code.

@media only screen and (max-width: 749px) {
.toolbar.small--hide {
    display: none !important;
}
}

Add this code in the bottom of theme.css file.
Thank you.

4

Hi this code works, but then hides the whole section toolbar on desktop. The right side of toolbar has language selector etc. I just want to hide the navigation on the left for desktop.

5

Hi this code works, but then hides the whole section toolbar on desktop. The right side of toolbar has language selector etc. I just want to hide the navigation on the left for desktop.