How do I remove a dropdown from my Shop Nav?

Store Design

Topic summary

A user wants to remove a dropdown menu for “Leashes” from their Shop navigation and have the Shop link go directly to the leashes page instead.

Initial Suggestion:

  • Navigate to Shopify admin > Online Store > Navigation
  • Remove the nested “Leash” item under “Shop”
  • Verify the Shop menu item has the correct link

Issue:
The user confirmed via screenshot that no “Leashes” item appears under their Shop menu in the navigation settings.

Alternative Solution:
A developer provided a CSS workaround to hide the dropdown:

  • Add code to Assets > theme.css file
  • Insert .dropdown-menu { display: none !important; } at the bottom of the file

The discussion remains open as the standard navigation editing approach didn’t apply to this case.

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

Hello,

Under my Shop Nav, I have a dropdown to my “leashes”. Wondering how would I remove the dropdown and just have the shop link go to the leashes pages.

https://fz3ejrsh6r73qr6f-64501874901.shopifypreview.com

Thanks

1 Like
2

Hey @GildedSocial ,

You should be able to fix this by editing your menu in your Shopify admin > Online store > Navigation (https://admin.shopify.com/menus). You will need to remove the ‘Leash’ item nested under ‘Shop’, and also make sure to check the ‘Shop’ item to ensure it has the correct link.

3

Yep. No “Leashes” under my shop menu.

SS attached.

4

Hello @GildedSocial
please add this css Asset > theme.css and paste this at the bottom of the file:-

.dropdown-menu {
display: none!important;
}