Overview

Occasionally, your theme may interfere with Store Locator's styling.

This article outlines how to fix your Store Locator map appearing full-width.

Setup

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 Header HTML field:

   <style>
   div#col-main {
   width: 80%;
   margin: auto;
   }
   </style>

   

6. Select Save.