How to remove the arrows in mobile but keep it in desktop? It is on featured collection: Dawn theme

Store Design
, ,
1

Screenshot_20241107-062929.png
Screenshot_20241107-062929.png1080Ă—1443 260 KB

2

Hi @AtlasVG

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 749px){
.collection .slider-button {
    display: none;
}
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

3

Thanks for the solution! But do you know how to make the slide loopable?

4

Welcome! Yes, it is possible to make the slider carousel or slider loopable, but it will require a developer. Let us know if you’re interested. Thanks!

5

Some assistance would be highly appreciated. :folded_hands: let me know how to proceed when you are ready.