Make the Store Locator Responsive on Mobile Devices

To make the Store Locator responsive on mobile devices, follow these steps:

1. From "Shopify Admin", select Apps.

   

2. Select Store Locator.

   

3. Select Settings.

   

4. Select Display Settings.

   

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

   

That's it!