Why is my add to cart button transparent on iOS?

Store Design
, , ,
1

377446936_332834725892606_4419745855604933529_n.jpg
377446936_332834725892606_4419745855604933529_n.jpg828×1792 61.1 KB

377124871_284732247750023_4817417712298817572_n.jpg
377124871_284732247750023_4817417712298817572_n.jpg828×1792 60.8 KB

i have an issue where the add to cart button or checkout button is there but its transparent, its visible only on andriod

2

hello, @vonvex please check
there are a few specific troubleshooting steps you can take

Check CSS and JavaScript Compatibility: Safari on iOS may have certain CSS or JavaScript compatibility issues that affect the visibility of elements. Ensure that your website’s CSS and JavaScript are compatible with Safari on iOS.

Viewport and Meta Tags: Verify that your website includes the appropriate viewport meta tag to ensure responsive design on mobile devices. Here’s an example of the viewport tag:

  • <meta name="viewport" content="width=device-width, initial-scale=1">

Make sure there are no conflicting viewport settings in your theme or additional scripts.

CSS Styles and Media Queries: Inspect your website’s CSS styles and media queries to ensure that there are no specific rules or styles affecting the visibility of the “Add to Cart” button on iOS devices. Pay attention to any mobile-specific CSS rules.

JavaScript Compatibility: Check if there are any JavaScript errors or conflicts in your website’s code that might affect the rendering of elements on Safari for iOS. Use the Safari developer tools to inspect for errors.