Remove collection list only on desktop?

Topic summary

A user wants to hide a collection list on desktop while keeping it visible on mobile in their Dawn theme.

Solution provided:

  • Add CSS code to the theme’s base.css file
  • Use a media query targeting screens 750px and wider
  • Initially suggested hiding all collection lists with .shopify-section.section.section-collection-list { display: none; }

Refinement:

  • User requested to hide only a specific collection list, not all of them
  • Updated CSS targets a specific section ID: #shopify-section-template-collection_list_HEHpUP { display: none; }

Outcome:
The refined solution successfully resolved the issue. The user can now selectively hide the top collection list on desktop while preserving other collection lists and mobile functionality.

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

Yes please replace previous css with this one

@media screen and (min-width: 750px) {
#shopify-section-template--23452401336584__collection_list_PUpHEH {
    display: none;
}
}
1 Like