My filters are missing on mobile due to text colour

Store Design
, , , ,
1

My filter text colour for mobile is white on a white background therefore, you cant see them unless you highlight it. How can I fix it?

I’ve changed the colour scheme and it doesn’t do anything. Its working on desktop see images.

DesktopFilters.PNG
DesktopFilters.PNG1342×683 340 KB

MobileFilters.PNG
MobileFilters.PNG365×189 9.24 KB

2

@amac95 - can you please share the page link?

3

Hi @suyash1 , yes for sure - Pawfectly Pawsome

Password is Buddy

4

@amac95 - add this css to the very end of your base.css file and check

span.mobile-facets__open-label {color: #000 !important;}
5

Hi @suyash1 , didnt work.

6

Hi @amac95

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.facets-container.scroll-trigger.animate--fade-in * {
    color: black !important;
}
7

@Made4uo-Ribe - legend thank you so much. It worked!