Hide desktop menu but still show on mobile

[russells01]

I'm trying to hide the header menu on the desktop but still have it show on mobile. Is this possible?  Website is www.sevenstudios.shop

[CodingFifty · Accepted solution]

Hey! @russells01,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

nav.header__inline-menu {
    display: none !important;
}

[russells01]

Thank you for helping. I wasn't able to find   base.css/theme.css/style.css/main.css/custom.css  file. I searched through manually too. Any other suggestions?

[russells01]

Just kidding! I added it to the custom css section under header. Worked like a charm. Thank you so so much!

[CodingFifty]

Awesome! Glad it worked perfectly. Let me know if you need anything else!

[The_ScriptFlow]

Hey @russells01,

Welcome to Shopify community. Yes, this is possible to ensure that the header menu not show on desktop but it should show on mobile.

For this you need to paste the following coding in the end of base.css file.

.header__inline-menu {
  display: none;
}

After applying the provide css then you will get the following results.

Desktop:

Mobile: