Search bar change

Hi,

Is there a way to remove the category selection from the search bar and only keep the location?

 

Hello,

Paste this code in Custom CSS
Settings > Theme Options > Styling Option > Custom CSS

Code:

.search_wrapper .search_item.second{
display:none;
}

 

Thanks Gourav,

I added it to CSS and it removed the middle box but now there is whitespace. Can we increase the size of the remaining 2 boxes in the search bar to fill the whitespace.

Thanks

 

Hello,

Paste this code in Custom CSS
Settings > Theme Options > Styling Option > Custom CSS

Code:

.search_wrapper .search_item.first{
width:45%;
}
.search_wrapper .search_item.third{
width:45%;
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.search_wrapper .search_item.first{
width:90%;
}
.search_wrapper .search_item.third{
width:90%;
}
}
@media only screen and (max-width: 480px){
.search_wrapper .search_item.first{
width:90%;
}
.search_wrapper .search_item.third{
width:90%;
}
}

This will solve your issue.

 

Thanks Gourav, that did the trick.