Make the Store Locator Responsive on Mobile Devices

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

To make the Store Locator responsive on mobile devices, 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 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!