Yes please replace previous css with this one
@media screen and (min-width: 750px) {
#shopify-section-template--23452401336584__collection_list_PUpHEH {
display: none;
}
}
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.
1 Like