To make the Store Locator responsive on mobile devices, please follow these steps:
- From Shopify's admin, select Apps.
- Select Store Locator.
- Select Settings.
- Select Display Settings.
- 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>
- Select Save.
That's it!