Please help in removing carousal from multicolumn [Dawn Theme]

Store Design
, ,

Topic summary

A user seeks to remove carousel navigation arrows from a multicolumn section in the Dawn theme while preserving mobile swipe functionality. A screenshot illustrates the arrows to be removed.

Proposed Solutions:
Three respondents suggest similar CSS-based approaches:

  • Add custom CSS code to the base.css file (found in Online Store → Theme → Edit code → assets)
  • Insert code targeting .slider-buttons.no-js-hidden.medium-hide with display: none;
  • One solution specifically targets .multicolumn sections
  • An alternative suggests adding CSS to theme.liquid before the closing </body> tag

Status:
Multiple solutions provided but no confirmation from the original poster on whether any approach successfully resolved the issue. The discussion remains open with unanswered questions about implementation success.

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

Hi Shopify Folks,

Is there a way to remove this carousal arrows completely, while still retaining the slide in Mobile functionality.

I am attaching a screenshot here.

I am currently on Dawn Theme

Shopify Store : https://my-gurgaon-store.myshopify.com

Screenshot 2023-01-24 at 5.34.39 PM.png
Screenshot 2023-01-24 at 5.34.39 PM.png752×968 413 KB

2

Hallo @pskbecks

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)

.slider-buttons.no-js-hidden.medium-hide {
display: none;
}

If you require any further information, feel free to contact me.

Best regards,

1 Like
3

hello @pskbecks

step 01:

  1. Go to your Store > Theme > click to edit code.
  2. find this file "base.css " and open.

step 02:

  1. Paste the code at the end of the file.
.multicolumn .slider-buttons.no-js-hidden.medium-hide {
    display: none;
}

this idea helps you

1 Like
4

Hi @pskbecks

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1674570263483.png
PageFlyVictor_0-1674570263483.png400×225 38.4 KB

Hope this answer helps.

Best regards,

Victor | PageFly

1 Like