Hide Search Results & Remove Address Section

• Store Locator
• All Versions
• Basic CSS knowledge required
• 15 Minutes

Overview

By default, Store Locator displays search results as a list on the left side of the page. This list has all the information for each store that is entered in the app. 

Search results also appear as a pin on the map with the same store information. 

Depending on how you would like this page to appear for your customers, the left column that shows all the search results can be hidden.

To hide the search results and address section, please follow these steps:

1. From Shopify's admin, select Apps.
2. Select Store Locator.
3. Select Settings.
4. Select Display Settings.

   

5. Copy and paste this code in the "Page Footer HTML" field: 

   <style>
   /* Hide Search Results - https://boldapps.zendesk.com/hc/en-us/articles/201159543  */
   .addresses{
      width:0;
      padding: 0;
      margin: 0;
   }
   </style>

   

6. Select Save.