Still no luck, tried it on 2 phones as well. very strange
Topic summary
A user applied CSS code to change the background color of policy pages in their base.css file. The change worked on desktop but not on mobile devices.
Troubleshooting attempts:
- Another user suggested alternative CSS targeting
.gradientelements within#MainContent - Testing revealed the color appeared correct on some devices but not the original poster’s mobile phones
- Incognito mode and multiple devices were tested with inconsistent results
Working solution:
Adding inline CSS directly in the theme.liquid file below the <head> tag resolved the issue.
Alternative approach:
Another user suggested the problem might stem from using Shopify’s default policy template. Their solution: Go to Settings > Policies in Shopify, temporarily change each policy’s text color to white, save, then change back to the desired color (e.g., black). This method reportedly fixed the mobile display issue without requiring custom code.