Archived topic
issue with search field in primary menu
2 replies · Started by Lisa on August 7, 2019
I'm having a problem with the search field in the primary navigation. please see screen capture.
the icon for search is to the right of the donate button
(the 'donate' and 'book a tour' buttons have been added via functions.php)
When I click search icon the typing field sits directly above the 'Home' menu button.
BUT the text of the menu is still visible and the search field is typed over the menu. ie. I cant see what is being typed....
How can I set the search field to white or any color so that it is readable and clear to the user?
I added the css you suggested in this topic but it has not improved
https://generatepress.com/forums/topic/search-box-color-size-expand/
Hi there,
remove the current CSS you have for the nav search in Simple CSS and try this instead:
.navigation-search {
background-color: #ccc;
}
#site-navigation .navigation-search input[type="search"],
#site-navigation .navigation-search input[type="search"]:active
{
color: #000;
}