Re: Mobile Store

Solved

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

KalvinT
Tourist
5 0 1

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

 

Search field.jpg

Accepted Solution (1)

Justin-Simesy
Shopify Partner
39 8 3

This is an accepted solution.

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

Replies 2 (2)

Justin-Simesy
Shopify Partner
39 8 3

This is an accepted solution.

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
Tourist
5 0 1

Thanks, Justin! This worked.