Make the Store Locator Responsive on Mobile Devices

This article outlines how to make your Store Locator map page responsive on mobile devices.

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>
   
   @media screen and (max-width: 641px) { 
   #col-main { 
   width: 96% !important;
   margin-left: 10px;
   margin-right: 10px;
   }
   }
   
   </style>

   

6. Select Save.