Can you actually except the invite and add carousel for desktop & Mobile for collection list pls
Topic summary
A user working with Shopify’s Dawn theme encountered issues enabling a carousel slider for their featured collection section. The initial problem was that the “Add carousel on Desktop” option didn’t work as expected, and the display showed unwanted “1/4” pagination indicators instead of slider navigation buttons.
Solutions provided:
- Hide pagination counters: Add CSS to hide
.slider-counterelements usingdisplay: none !important - Add navigation arrows: Multiple CSS snippets were shared to display and position slider buttons on desktop and mobile, including styling them as circular white buttons
- Prevent conflicts: Scope CSS using
#shopify-section-{{ section.id }}to avoid affecting other sliders on the site - Implementation location: Add the CSS directly to the
featured-collection.liquidsection file below the schema, rather than in global CSS files
Key challenges:
- Navigation buttons initially appeared on unintended sections (like the homepage slideshow)
- Mobile responsiveness required media queries to hide/show buttons appropriately
- The user struggled with proper CSS placement until realizing it needed to go in the section-specific file
The discussion concluded with the user resolving most issues independently, though they requested additional help with desktop carousel functionality for the collection list. A video tutorial link was also shared as an alternative resource.
I figured for mobile but can’t for desktop
We can add featured collection slider on any page of our store without using any App:
