How to Remove the Search Bar?

In Agile Store Locator, users are also given the option to remove the search bar from the store locator if they wish to do so.

To remove the search bar simply add the below CSS line to the “Additional CSS” section. This can be reached by going to the “Appearance” tab and selecting the “Customize” option.

Add this CSS line to remove the search bar.

#asl-storelocator.asl-p-cont .Filter_section,
#asl-storelocator.asl-cont .Filter_section,
#asl-storelocator.asl-cont .sl-main-row .asl-panel .search_filter,
#asl-storelocator.asl-cont.asl-template-3 .sl-filter-sec {display: none !important;}

Use the CSS rule below for a compact layout to bring the list to the top.

#asl-storelocator.asl-cont .sl-main-row .asl-panel .asl-panel-inner {
    top: 0px !important;
}

Remove Search in the Template 4 #

To remove the search from the Template 4, use the CSS line below, and paste that to your Additional CSS.

.asl-cont .search_filter {display: none;}