How to remove slideshow arrows on the Dawn theme?

Shopify Discussion

Topic summary

Request to hide slideshow navigation arrows in Shopify’s Dawn theme while retaining the dot indicators.

  • Solution provided: add a CSS rule to hide the next/prev slider buttons while keeping dots. Steps: Online Store > Theme > Edit code > open base.css > paste at the bottom: “button.slider-button.slider-button–next, button.slider-button.slider-button–prev { display: none !important; }” > Save.

  • Another participant asked for the store URL and password if protected, but the CSS fix addressed the issue without needing it.

  • Outcome: The original poster confirmed the fix worked; issue appears resolved with no further questions.

Summarized with AI on January 18. AI used: gpt-5.
1

Hello

I am looking to remove the arrows on the slideshow for the dawn theme. I want to keep the dots - any ideas?

1 Like
2

Hi @CovertAth

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

button.slider-button.slider-button–next, button.slider-button.slider-button–prev {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Hi @CovertAth

Would you mind to share your Store URL website? with password if its protected. Thanks!

4

Thanks so much!

5

You’re welcome, I’m so glad my suggestion can be your solution