thank you, perfect explanation and it worked 
Topic summary
Goal: Hide the slide counter on mobile swipe-enabled sections (collections and multicolumn) in the Dawn theme.
Key proposals:
- Add CSS per section: Using the section’s Custom CSS field, set “.slider-buttons { display: none; }”. This hides the counter for that specific section.
- Base.css scoped rule: “.collection-list-wrapper .slider-buttons { display: none; }” worked for collections but not for multicolumn.
- Global rule in base.css: “.slider-buttons { display: none; }” was suggested but did not work for the requester.
- Mobile-only option: In component-slider.css, add a media query to target mobile widths: “@media (max-width: 990px) { .slider-mobile-gutter .slider-buttons { display: none; } }”. A media query applies CSS only under specified screen sizes.
Outcome: The requester confirmed the per-section Custom CSS approach worked, while adding CSS to base.css did not. They thanked contributors after successful implementation.
Notes:
- CSS (Cascading Style Sheets) controls styling; “.slider-buttons” is the counter’s container.
- Images were shared for illustration but not essential to the solution.
Status: Resolved with a working per-section fix; an optional mobile-only method was also provided.