Center collection carousel on desktop and mobile

Store Design
, , ,

Topic summary

A user seeks CSS customization help for their Shopify store’s collection carousel, requesting several specific changes:

Desktop Issues:

  • Carousel is left-aligned and needs to be centered
  • “Add to cart” buttons/text should be smaller

Mobile Issues:

  • Carousel should be centered to display exactly two items at a time
  • “Add to cart” buttons/text should be smaller

Additional Request:

  • Move carousel navigation arrows from underneath to the sides

The user provided their website URL (studio-seductress.com) with password access (yesyesyes) and included a mobile screenshot showing the current layout. The discussion remains open with no responses yet, as indicated by a follow-up request for assistance.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi I am looking to center the collection carousel on both desktop and mobile.

web: studio-seductress.com

password:yesyesyes

The desktop is skewed to the left so would like that centered if possible.

The mobile I would like centered so you can only see two items at one time so they sit perfectly centered.
If possible make the “add to cart” buttons/text smaller on mobile and desktop would be great

Also is there a way to add arrows to the side for the carousel instead of underneath

Any help with anything greatly appreciated, thanks in advance!

The mobile

IMG_5234.PNG
IMG_5234.PNG1179×2556 369 KB

2

any help please