Search and filter on product page - font is white and should be black on mobile device

[vibehome]

Hey Shopify friends,

Ive just noticed that on a mobile device only that when you go to one of my product pages and press ' filter and sort' the writing shows as blank but it is acutally white font. Anyone know how to change the font to black? Ive tried the colour schemes but no joy

Please see screen shots to show what I mean clearer.

Many thanks in advance, Vibehome.co.uk

[BSSCommerce-HDL · Accepted solution]

Hi @vibehome, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.mobile-facets__label {
    color: black !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @vibehome, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.mobile-facets__label {
    color: black !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[vibehome]

Awsome thank you its now working 😁

[BSSCommerce-HDL · Accepted solution]

@vibehome, No problem. Have a good day 😍

[vibehome]

You aswell 😊

[BSS-TekLabs]

- Here is the solution for you @vibehome 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.list-menu__item label, .list-menu__item input[type=checkbox] {
    color: black !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Tech_Coding]

Hello @vibehome 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .menu-drawer__utility-links a {
       color: #000 !important;
  }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.