How can I remove ‘All’ from Shop on mobile menu

Technical Q&A

Topic summary

Removing the first item in the mobile submenu of the Minimal theme was the focus. The goal was to hide the “All” link that appears under “Shop” on mobile navigation.

  • An initial reply asked for the store URL and password if the site was protected, so the menu structure could be checked.
  • A direct CSS solution was then provided for the theme stylesheet (theme.css):
    .mobile-nav__sublist li:first-child { display: none !important; }

This code hides the first list item in the mobile submenu, which in this case is the “All” entry. No code snippet beyond CSS was needed, and there was no broader debate about alternative approaches.

The issue appears resolved: the original poster confirmed the solution worked and thanked the responder.

Summarized with AI on March 5. AI used: gpt-5.4.
1

Hi, can anyone advise how to remove the menu item ‘All’ under ‘Shop’ on the mobile menu in Minimal theme?
Thanks

1 Like
2

hello @Aimi261

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

1 Like
3

Hi @Aimi261 ,

Please add this code inside your theme.css file:

.mobile-nav__sublist li:first-child {
    display: none !important;
}

Thanks

4
Show More

Excellent, thank you!

1 Like