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 with all the information for each store that you've entered into the app.

With CSS code however, you can hide the search results and address section from your customer's view.

To hide the search results and address section, please follow the steps below.

Set-Up

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

   

5. Copy and paste this code into 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.