How can I fix the mobile filter text color issue on Dawn theme?

Technical Q&A

Topic summary

Issue: On Shopify’s Dawn theme (default theme), the mobile filter panel shows black text that becomes unreadable against the background. Desktop display is fine.

Scope: Affects user-defined filters (Availability, Series, Format). Standard Shopify filters (Price, Sort by) display correctly on mobile.

Goal: Change the mobile filter text color to white so it’s visible.

Evidence: Screenshots comparing desktop vs. mobile behavior were provided, and the live store URL was shared for review. Images are central to understanding the visibility problem.

Status: No solution or workaround has been posted yet; the request is open for help. No theme settings or CSS changes have been confirmed or attempted in the thread.

Summarized with AI on January 1. AI used: gpt-5.
1

I’ve checked and I can’t find what I’m looking for. We’re having an issue with the mobile filter text color. Using Dawn theme. On desktop it’s fine, but on mobile we have the filter option, but when it goes to the area we can select how to filter, the text is black and cannot be seen. How do we get it to show up as white? This is only affecting the availability, series and format options; price and sort by are fine, which I’m assuming is because they are standard shopify filters and not user defined.

Here’s how it looks on Desktop (example for Availability)

Screenshot 2024-04-04 at 10.48.12 AM.png
Screenshot 2024-04-04 at 10.48.12 AM.png833×588 31.9 KB

Same but on Mobile

IMG_2320.PNG
IMG_2320.PNG1287×2167 85 KB

Can anyone help?

2

https://shop.charliecochet.com/