Hi there,
I’m trying to align the check out button with the other express checkout buttons on mobile (screenshot below):
What’s the best way to do this? I am testing on on an iPhone 14 Plus.
Topic summary
Goal: Align the standard “Checkout” button with the express checkout buttons on mobile.
- Reporter observes misalignment on an iPhone 14 Plus and shares a screenshot illustrating the issue.
- When attempting fixes, they can’t find theme.css or styles.css in the Assets; a Loom video is provided to show the file structure.
- A helper requests the store URL and password; access details are provided (rageart.studio, pw: “letsrage”).
- On review, the layout looks correct on the helper’s device (screenshot shared), suggesting the issue may be device-specific or intermittent.
- The reporter confirms the problem remains on their side and asks which phone was used, reinforcing a cross-device inconsistency.
Notable attachments: Screenshot of the misalignment and a Loom video of the theme files are central to understanding the context.
Status: Unresolved. The discrepancy appears device-specific.
Next steps:
- Confirm testing device/model and OS/browser versions to reproduce (especially on iPhone 14 Plus).
- Identify the correct stylesheet or section file controlling checkout button styles (since theme.css/styles.css aren’t present).
- Perform cross-device and responsive inspector checks to isolate CSS affecting button alignment.
Hi Hamza, thank you for the quick reply! I don’t see anything in the assets folder titled theme.css or styles.css. Here’s a quick loom on what I see:
Hey @summerrage
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
Thanks, Moeed! Sure thing. It’s rageart.studio, pw: “letsrage”
Hey Moeed - nope. What phone do you have? Good to know it’s not happening on all devices.