Adding "shop" button to mobile navigation -crave theme

Topic summary

A user wants to add a “SHOP” button to their mobile navigation menu while keeping it hidden on desktop. They currently have a “SHOP CANDLES” button visible on desktop that disappears on mobile.

Proposed Solutions:

  • Add “SHOP” to the Header Navigation via Admin > Online Store > Navigation, then use CSS to hide it on desktop only
  • Copy the existing Shop button code into the menu drawer to make it appear specifically on mobile devices

The original poster requested clarification on the exact steps to implement these solutions. The discussion remains open with the user seeking more detailed implementation guidance.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

hi i was wondering if someone could help me add a shop button in the mobile navigation and NOT touch the desktop version ? on desktop i have a SHOP CANDLES button in my desktop, however it removes it for mobile version.

mobile navigation that needs SHOP button

https://moandcocandles.shop/

PW: thayle

Hi Chantelrudden,

You can add “SHOP” to the Header Navigation (Admin > Online store > Navigation). The “SHOP” should be included in the Header menu, together with “About” and “Contact”.

Then use CSS to hide it on desktop.

You can copy Shop handle button code into your menu drawer to make it appear on mobile device

thank you! so what is the exact steps in doing so? lol