Agile Store Locator allows you to control the visibility of the store listing that appears beside or below the map. You can choose to completely hide the listing, show it only after a search, or hide it on mobile devices for a cleaner look.

Hide the Listing via ASL Settings #

To hide the listing and show only the Google Maps section with location markers:

1. Go to Agile Store Locator > Settings > UI tab.
2. Locate the switch labeled “Display List”.
3. Disable this option and click Save Changes.

This will remove the listing panel entirely from your Store Locator, displaying only the map and its markers.

Hide the Listing Using Shortcode #

If you have multiple Store Locator instances on different pages, you can disable the listing for specific maps using a shortcode attribute:

[ASL_STORELOCATOR display_list="0"]

This method hides the listing only for that particular shortcode instance and does not affect the global setting.

Hide the Listing Before Search #

If you prefer to hide the store list only before a search is performed (and show it afterward), enable the option “List Load” in the General tab of ASL Settings.

This provides a cleaner appearance before any search is made, showing the map only initially.

Hide the Listing on Mobile Devices #

To hide the listing only for mobile users and keep it visible on desktop, add the following CSS rule in your WordPress admin under:
Appearance > Customize > Additional CSS

@media (max-width: 767px) {
    #asl-storelocator.asl-cont .sl-main-cont .asl-panel {
        display: none !important;
    }
}