Experience the difference of "Elite".

CSS to hide "Sorted by" on Availability/Property Search Widget

David S
Oct 2, 2018 6:42 PM
Joined Sep, 2018 5 posts

Can you provide the CSS to hide the drop-down 'sorted by' button on the Availability/Property Search Widget?

Update since I can't delete ;)

.btn-xs, .btn-group-xs>.btn {
display: none;

In case anyone else feels silly sorting 3-4 properties.

Paul W
Oct 3, 2018 7:46 AM
OR Team Member Joined Jun, 2009 708 posts

Hi David,

You beat me to it!

However, I would tweak that CSS a bit to be more exact. In your example, you're targeting all buttons that are small (btn-xs) which could hit a bunch of other buttons. If you want to target only that sort button, it would be better to do this:

.btn-group.sort-selector { display: none; }

Or even just:

.sort-selector { display: none; }