How to avoid showing collection images in nested menu

Shopify Discussion

Topic summary

A user encountered an issue where their Shopify store’s nested navigation menu displayed large collection images in the dropdown instead of text-only links, making navigation difficult.

Problem Details:

  • Initially, menu items linked to the homepage showed correctly (text only)
  • After linking menu items to actual collections, large images appeared in the dropdown
  • Store is still in draft/preview mode, not yet live

Suggested Solutions:

  • Check theme documentation and settings for an option to disable collection images in menus
  • Use custom CSS code to hide the images
  • Modify theme template files to remove/comment out the image code (with backup recommended)

Resolution:
The original poster found a simple fix: instead of directly linking to collections in the navigation section, they pasted the collection URL, which resolved the image display issue.

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

I’ve added nested menu for all collections, but instead of showing just the text with links, the dropdown is showing giant collection images and it’s really difficult to navigate. When I initially created the nested menu, I directed all menu items to home page so it showed fine in the preview (screenshot of the dropdown from Candy where only text it shown). But when I added collections and directed those menu items to appropriate collections, I’m now seeing giant images of collections in the dropdown instead of jsut text.

Can you please help me resolve?

The store is in draft/preview mode still, not live, but I’d like to resolve before going live.

Screenshots here: https://docs.google.com/spreadsheets/d/1lKw0oRySD8MxwGbvmu3rMyhrzC2J_R23KsJseBKWXVA/edit?usp=sharing

2

Hello @AyaLE ,

I think you have to read the theme documentation and check the theme settings maybe there you will find instruction or option to disable it.
If not write css code to hide these image in the menu ( but I don’t recommend it )
Last option find the code in the template comment/remove it.

Note: Always take backup before making changes in the theme files.

Thanks

3

I actually found a simple solution - in the navigation section, instead of directing to a collection, I pasted the URL of the collection. That solved the problem!