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

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Filters only and hide the search bar + search button Reply To: Filters only and hide the search bar + search button

#16550

Ernest Marcinko
Keymaster

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 :)