How to hide scroller below the featured collection section in dawn theme.

Shopify Discussion

Topic summary

A user needed to hide the horizontal scroller/navigation buttons that appear below the featured collection section in Shopify’s Dawn theme.

Solution Provided:

  • Navigate to: Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Open the base.css file in the Assets folder
  • Add the following CSS code at the bottom of the file:
.slider-buttons.no-js-hidden {
  display: none;
}

Outcome:
The solution successfully resolved the issue. The CSS targets the slider navigation buttons specifically and hides them from display.

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

hey, How can i hide the scroller below the featured collection section in dawn theme.

Screenshot 2022-12-01 at 12.37.59 PM.png
Screenshot 2022-12-01 at 12.37.59 PM.png748×988 471 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Sure!

https://thesmugglerstore.in/

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.slider-buttons.no-js-hidden {
    display: none;
}
5

Thank you soo much @ZestardTech , Worked perfectly!

1 Like
6

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.