Reply To: Filters only and hide the search bar + search button

[Ernest MarcinkoKeymaster]

Hi Boris,

There might be a sort-of a hacky way to do that. I’m not sure if it will work, but it’s worth a shot.

So, first off, you will have to re-enable the search bar, it will be used as the search button, by reducing it’s width and hiding the input.
– To enable the search: https://i.imgur.com/L3Es1JU.png
– Then enable the magnifier icon, and the search text as well: https://i.imgur.com/V21J8cu.png
– Then change the search button action to trigger live search, as well as disable live search on filter changes: https://i.imgur.com/e1wwuod.png
– Then use add this custom CSS:

.proinput, .prosettings, .proloading, .proclose {
    display: none !important;
}

.asp_m {
    max-width: 95px !important;
    min-width: 0 !important;
}

The max-width may have to be adjusted, 95px worked in my case.

For me this resulted in this layout: https://i.imgur.com/ZAnoC8J.png
It sort-of mimics a search button, not the best solution, but the only way to resolve this without additional coding.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)