Buttons look weird on in Safari on macOS and iOS

Store Design
, , ,

Topic summary

A store owner reports button rendering issues specifically in Safari on both macOS and iOS. The buttons display correctly in Chrome but appear visually broken in Safari.

Visual Evidence:

  • Screenshots show proper rendering in Chrome
  • Safari displays distorted button appearance
  • Hover state in Safari also shows incorrect styling

Current Status:

  • A community helper has responded and requested the store URL to investigate
  • Store owner provided the URL (lapisocculte.com) with no password protection
  • Issue remains unresolved, awaiting technical review and solution
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hey, I unfortunately do have a issue with my buttons looking weird in Safari on macOS as well as iOS.

This is the way they should, and do look in Chrome:

Chrome.jpg
Chrome.jpg950×124 5.73 KB

And this is the way they look in Safari:

Safari.jpg
Safari.jpg960×114 3.31 KB

Once I hovered over the button it looks like this:

Safari hovered.jpg
Safari hovered.jpg952×118 5.59 KB

Does anyone know how to fix this asap?

Thank you! :slightly_smiling_face:

1 Like
2

Hello @smydlx
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

1 Like
3

Hey @devcoders

Thanks for the quick response. The URL is: https://lapisocculte.com

There is no password needed to access the website.