A Shopify store owner is trying to change a white border/background that appears when scrolling on mobile browsers (specifically Google Chrome) to black. Despite setting all color schemes to black, a white space remains visible during overscroll.
Attempted Solution:
One user suggested adding CSS code targeting a specific section ID to base.css in the assets folder
The original poster tried this approach but reported it didn’t work
Current Status:
Another community member visited the site and couldn’t reproduce the white space issue
The problem remains unresolved, with uncertainty about whether the CSS was applied correctly or if the issue is browser/device-specific
The discussion includes screenshots showing the white border appearing during scroll, but there’s a discrepancy between what the store owner sees and what others can observe.
Summarized with AI on November 1.
AI used: claude-sonnet-4-5-20250929.
Hello, can anyone help me with changing this border color to black? All of my schemes are turned to black and I still don’t know how to chage it. This white space appears on google browser (on mobile phone) when you try to scroll down/up. I would like to change it on all pages. I am also sending a picture of website with this black border just to be more specific.