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
What I need from you:
- Fix the slideshow section so desktop and mobile button positioning stay consistent
- Ensure button styling (padding, color, radius) does NOT affect layout between devices
- If needed, modify the section (Liquid/CSS) to separate desktop and mobile behavior properly
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.