How can I change the search bar text color in Supply theme?

Store Design
1

I am using the Supply theme which is a vintage Shopify theme. The issue I am facing is that when someone types in a search bar text get merges with the background color of the search bar which makes it unreadable. Please suggest a way how to change the text color of the search bar to make it readable, through coding.

hlo3.PNG
hlo3.PNG527×897 23 KB

2

@SWN53 ,

Hello,

Can you provide me the URL ?

3

https://www.sociableweavernest.com/

4

The issue is coming only in the mobile version.

5 
@media only screen and (max-width: 749px) {
.wrapper input[type="search"] {
    color: white !important;
}
}

Add this code in the bottom of theme.css or theme.scss file.

6

@SWN53

@media only screen and (max-width: 749px) {
.search-bar input {
	color: #fff;
}
)

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

7

Thanks a lot, My issue is now resolved.

8

Thanks, My issue is now resolved.