Objective: For institutions that have the pre-filters turned on (see "Enabling Pre-Filters for Basic Searches"), this appears below the search box. This can be an accessibility and usability issue, since it is not keyboard accessible and a scope drop-down will block the pre-filters. This code moves the pre-filters above the search box.
Before:
After:
How to accomplish this: This solution requires the following custom CSS code be added to the /VIEW_CODE/css/custom1.css file:
/*move prefilters above search box */
.search-elements-wrapper {display: flex; flex-direction: column;}
.search-extras {order: 1; margin-bottom: 25px; z-index: 2;}
.simple-search-wrapper {order: 2;}
Code credit: Santa Fe College