Hello, my cart drawer shows a white line on the left on mobile only. Can someone please check for me if they also see the white line and how I can get rid of it? Thanks in advance!!
img of issue:
Hi TrentBlend,
Regarding the potential white line appearing in mobile view, I have outlined several possible causes for your consideration:
- Drawer Alignment and Dimensions: The drawer may not be fully aligned to the left, or its width might not be set to ‘100vw’ with the ‘left’ property correctly set to ‘0’. Inconsistencies in these settings could lead to the observed visual artifact.
- Overflow and Padding/Margin of Parent Elements: Should the
<body>element or any parent container possess unintended padding, margin, or overflow settings, a visible gap might result. It is advisable to examine these properties in the relevant CSS rules. - Subpixel Rendering or Border Artifacts: A subtle 1-pixel gap can sometimes arise due to subpixel rendering, particularly noticeable on mobile devices where rounding may occur. Additionally, an unexpected border on an element could manifest as a thin white line.
- Background Color Extension: The background color applied to the drawer or the underlying body content might be white. Consequently, even a slight misalignment could expose this background, creating the appearance of a white line.
I hope this information is helpful in diagnosing the issue. Please let me know if further clarification is required.
