Changing Map Height:
1. Navigate to your Progus Store Locator app on Shopify.
2. Access the "Settings" section and go to "Appearance."
3. Locate the height slider and adjust it to your desired height.
4. Save your changes to apply the new height setting.
Understanding Width Limitations:
The width slider is intentionally disabled and set to 100%. Some Shopify templates may have a maximum width setting that restricts the map from expanding beyond a certain width. If you want to increase a map follow below steps:
a) Adding CSS code to the Store Locator page:
1. Navigate to the Shopify Admin -> Online Store -> Pages
2. Search for "Store Locator" page and click on it. This page was automatically created when you installed Progus Store Locator app.
3. On the new page you can see the page editor which should be empty. Click on the top right button
4. Now you should see HTML code that is added to your store locator page.
5. At the top of this HTML content, add a short CSS code that suits your theme. The effectiveness of this code depends on the theme you are using. Below is an example that may work for you. If it doesn't, please contact us, and we will prepare a custom CSS code for your theme.
<style>
.page-width {
padding: 0 !important;
max-width: 90% !important;
margin: 0 auto !important;
}
</style>6. Your final "Content" field should look similar to this:
7. Click the "Save" button. Changes may take some time to apply.