Hi,
I wanted to have the Search field open all the time, instead of having it as a drop down menu once the search icon is clicked. I used the following CSS to do this:
nav .menu-search ul.sub-menu {
opacity: 1;
}
.menu-search .sub-menu {
top: 0 !important;
background-color:transparent !important;
}
.menu-search ul li form input {
margin: 4px;
}
nav .menu ul.sub-menu li:first-child:before {
border: none;
}
.ajax-search-results {
background: #fff;
}
The problem I am having is that now, even though the search field stays open, in order to actually write any text in it, the search icon has to be clicked. In other words, only after the search icon is clicked, is the search field enabled to receive any text typing.
Is there a way to have the search field open all the time, and that anyone can just click ones on the field and start typing instead of having to click on the icon first and then type.
Thank you
.