How to reposition featured collection swiper previous & next button

Shopify Discussion

Topic summary

Topic: Repositioning and customizing the navigation arrows (previous/next) of the Featured Collection carousel in the Shopify Dawn theme.

  • Current state: On howimetmysole.com (Dawn theme), the swiper arrows display in their default placement (shown in screenshots).
  • Desired outcome: On desktop, move the arrows to match the layout seen on holygrails.in; on mobile, hide the arrows entirely.

Notes:

  • “Featured collection” refers to the product carousel/slider; the arrows are the swiper navigation controls.
  • The request likely involves theme code/CSS changes (e.g., CSS positioning and media queries to hide on mobile), but no code attempts were provided.
  • Images are central to understanding the current vs. desired positioning.

Status: No solutions or instructions yet. The thread is open and seeking guidance on how to implement the desktop repositioning and mobile hiding behavior.

Summarized with AI on December 16. AI used: gpt-5.
1

Hello Shopify community, hope you are doing well.

Do anyone know how can I reposition or customize the featured collection swipe carousal previous & next buttons?

holygrails_in_1-1729772520390.png
holygrails_in_1-1729772520390.png1190×464 478 KB

This is how it is appearing on my wesbite howimetmysole.com (I’m using Dawn Theme)

holygrails_in_3-1729772611750.png
holygrails_in_3-1729772611750.png1345×300 47.6 KB

This is how I want it to appear on desktop screen but hide on mobile screen (It is holygrails.in)