How can I hide the home button on the Dawn theme menu bar?

Topic summary

Problem: On Shopify’s Dawn theme, increasing the menu font caused the desktop menu to overflow. The requester wanted to hide only the first menu item (“Home/Pradžia”) on desktop, while keeping it visible on mobile, because some ad visitors rely on a visible Home link.

Initial suggestion: Remove “Home” in Navigation settings. Rejected because it would remove the link on all devices.

Solution approach: Add custom CSS in theme.liquid (inside the ) to hide the first menu item on desktop only. The first CSS attempt inadvertently also hid the first submenu item under “SHOP,” as shown in screenshots (before/after).

Fix: A revised CSS snippet was provided that correctly targets only the top-level first menu item on desktop, leaving submenus intact. The requester confirmed it works.

Outcome: Resolved. Action: Insert the corrected CSS in theme.liquid to hide the top-level Home link on desktop only, keeping it on mobile.

Notes: Screenshots illustrated the menu changes. The exact CSS code isn’t shown in the thread text, but the final version refines the selector to avoid affecting submenus.

Summarized with AI on January 6. AI used: gpt-5.

@ThePrimeWeb Thank you so much! It works! I’m super happy :)))