Borders Look Different on Storefront

If border styles configured in the app appear differently on your live storefront or across different browsers, review these potential causes and resolution steps.

Possible Causes

• Theme CSS Overrides: Active theme styles are overriding the app's border styling rules.

• Browser Rendering Differences: Varied rendering engines handle border widths and anti-aliasing differently.

• Browser Zoom Level: Displaying pages at non-standard zoom levels can distort border thickness and appearance.

Recommended Solutions

1. Check for Conflicting Theme Styles: Review your active theme’s CSS to identify and resolve styling overrides affecting app borders.

2. Test at 100% Zoom: Ensure your browser display zoom level is set strictly to 100% when evaluating layout appearance.

3. Cross-Browser Verification: View the product page across multiple web browsers to verify border appearance consistency.