All IDX Broker customers have access to an Advanced Search page which is located in your IDX dashboard. To find this page navigate to Design, Website, and Page Templates. Click on Advanced Search in order to view the page.
With certain Advanced Search page layouts like Mobile First you will notice this page has a few fields at the top, then the search and reset buttons, followed by more fields. The reason the page is setup in this way is because the top fields are considered basic or core fields that are the same across all MLS associations. However, the fields below the search button are considered MLS-specific or advanced fields. By default, the search buttons separate these field groupings.
You can easily move the search buttons to the bottom of this page by adding a couple lines of CSS. In your IDX dashboard, click on Design, Website, Custom CSS. Then click on Pages and find Advanced Search. This section allows you to add CSS code that will only affect your Advanced Search page.
Simple copy and paste the following code into this section and click Save:
/* DISPLAY SEARCH BUTTONS BELOW ADVANCED SEARCH FIELDS */
.IDX-wrapper-standard #IDX-action-buttons {display: none!important;}
.IDX-wrapper-standard #IDX-action-buttons-bottom {display: inline-block!important;}
Another solution that doesn't require the steps above is to change the Advanced Search page layout to the Precision Listings template. By default, this template's search buttons are located at the bottom of the form. To change your page template layout, click on Design, Website, and Page Templates. Then under the Customize column, click on Edit next to the Advanced Search page. Finally, Activate the Precision Listings page template.
Note: IDX Broker Pages and Widgets can be customized with custom code. However, the IDX Broker support team can not support or provide custom code outside of published solutions.