The text on my mobile version is not pure white

Store Design
, ,

Topic summary

A user reports that text in the mobile “sort by” section of their product pages appears off-white instead of pure white, blending toward the background color.

Troubleshooting steps:

  • Initial confusion arose as the issue only affects mobile devices, not desktop views
  • The problem was confirmed to be visible exclusively on mobile phones

Solution provided:
A CSS fix was shared to force white text color:

.mobile-facets__open svg {
  stroke: #fff;
}
.mobile-facets__sort label {
  color: #fff;
}
.facet-filters__field .select option,
.mobile-facets__sort .select__select option {
  color: black !important;
}

The solution targets the mobile facets sorting interface and select dropdown options. The original poster was reminded to mark the solution as accepted.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Some text strings on my mobile version are not pure white, they tend to the background color. This happens in the section sort by of my products

Immagine 2023-09-20 213601.png
Immagine 2023-09-20 213601.png597Ă—878 26.7 KB

Immagine 2023-09-20 213627.png
Immagine 2023-09-20 213627.png416Ă—761 9.14 KB

2

Hello @Vick2

unable to click on your products and we are unable to add them to your cart.

image.png
image.png1709Ă—703 26.7 KB

3

Mobile version only

4

@Vick2

This is showing already in white color -

image.png
image.png867Ă—548 21.3 KB

5

because that’s not the mobile version. If you go on a mobile phone you will see it. On my phone the problem is there

6

Please try on mobile

7

@Vick2

Paste the given CSS

.mobile-facets__open svg {
stroke: #fff;
}
.mobile-facets__sort label {
color: #fff;
}
.facet-filters__field .select__select option, .mobile-facets__sort .select__select option {
    color: black !important;
}

Don’t forget to like and accept the solution.

Thanks

1 Like