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 848 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; }