How can I fix the invisible text in my mobile store's search field?

KalvinT · ‎12-31-2023

Hello,

On the mobile version of my Shopify store, the search field in the 'Pop out' menu (menu in upper left hand corner of phone screen) has white lettering on white background. There when customers type you cannot see what is typed into the search field. Can anyone recommend a fix to this? I attached a screenshot for reference, the search field is marked in red in upper left corner. Thank you!

www.vmrpaints.com

Justin-Simesy · ‎12-31-2023

Hi @KalvinT. Hope you are doing well. Please go to theme editor and put this line of code in "Custom CSS" section (https://snipboard.io/ew6bOp.jpg)

.drawer__search-input[type=search] {
    color: #2e2e2e;
}

Smartify - FREE Post Purchase Survey

- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website

View solution in original post

Justin-Simesy · ‎12-31-2023

Hi @KalvinT. Hope you are doing well. Please go to theme editor and put this line of code in "Custom CSS" section (https://snipboard.io/ew6bOp.jpg)

.drawer__search-input[type=search] {
    color: #2e2e2e;
}

Smartify - FREE Post Purchase Survey

- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website

KalvinT · ‎01-04-2024

Thanks, Justin! This worked.

How can I fix the invisible text in my mobile store's search field?