Shopify button alignment for mobile and desktop

Technical Q&A
, ,
1

I’m using a Shopify slideshow section and having a layout issue with the button.

Here’s what I need:

  • On desktop: the button should be centered horizontally and positioned below the product image (not overlapping or shifting)
  • On mobile: the button should also stay below the image and remain centered
  • The button should have a rounded “pill” style similar to Oura (dark background, white text, proper padding)

Current issue:

  • When padding or styling is added to the button, it breaks the layout on mobile or shifts positioning
  • The slideshow section seems to auto-adjust differently between desktop and mobile

Goal:
Clean, centered button under the image on both desktop and mobile, with a premium look, without breaking layout.

Please do not change the entire theme — only fix the slideshow section and button behavior.

2

Hello @Alex.m8, could you please share your store URL? I will need access to the store to proceed with the theme customization

3

Hey @Alex.m8

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed