Thanks. I think that that solution is not enough, becasue althougn you change the background color of the search and set as the main menu, when you write on the search, your writting will be mixtured sith over the menu items and is imposssible to read anything.
I´ve made this solution that inserts a new space between the name of the site and the mani menu and when you click on the search icon, opens a line to write.
Please, if you think that there is a better way to srite a search and not hidding the menu items o wrote over them, please let me know. In the meanwhile test this css code and let me know.
Thanks:
(Frist of all, I´ve set the background search color in the settings that you told me:
Customizer > Colors > Primary Navigation.
@media (min-width: 768px){
.navigation-search {
position: inherit !important;
background-color: #00000000 !important;
width: 30% !important;
margin-left: 70% !important;
height: 30px !important;
border-bottom: 1px solid white !important;
}
.navigation-search .search-field{
border-bottom: 1px solid white !important;
}
.navigation-search input{
height: auto !important;
}
}