Archived topic
On mobile, the colour of text varies in search bar in main navigation
5 replies · Started by David Bennett on September 7, 2021
On mobile, the colour of text that I input in the search bar in main navigation varies from a dark colour that is visible to a colour that is invisible (perhaps the colour of the background?). Also, when I try to delete previous text I have input, it will not delete but only write over previous text.
My setup is a CDN with Cloudflare and caching with Litespeed.
Hi there,
how odd... not seen that in quite a while, iOS had a bug that could cause that, but that was resolved.
Try adding this CSS:
.navigation-search input[type="search"] {
transform: translateZ(0) !important;
}And then clear your browser caches.
Thanks David,
I did that and cleared the cache and it is still the same. My default browser on my phone is Safari, but I have Firefox on my phone as well, so I tried that, and same problem. I added Chrome just now and same problem there as well.
I should say, this is not a new problem, just that it has taken me a while to getting around to mentioning it.
Oh - thats odd, the site is outputting 2 x HTML Forms for the search.
Are you using any functions to modify the Nav Search?
Thank you, David. I forget that I added a snippet after reading doc but I added two snippets (now corrected) and I think they were conflicting one another.
I can close this now.
Glad to hear you found the solution!
