Good day!
Topic summary
A user needed help adjusting the height of their store location page, which includes both a map and a store list.
Initial Issue:
- The user wanted to modify the layout of their store locations page (map and list)
- They needed to adjust the height of both components
Solution Provided:
A PageFly support representative provided CSS code modifications:
- First code snippet adjusted the map height to 1000px
- Second code snippet adjusted the store list height to 600px
- Instructions included editing the theme’s main.css file through Online Store → Theme → Edit code
Outcome:
- Issue resolved successfully
- User confirmed both the map and store list now display at the desired heights
Hi @smsigroup
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file main.css
Step 3: Paste the below code at bottom of the file → Save
section#shopify-section-template–17092230348990__1713427111c44107e2,
div#template–17092230348990__rich_text_E6mMRj {
margin: 0 !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hi @PageFly-Henry ,
Thank you for the quick reply
sorry for the confusion, i want to adjust the height of the store locations (store list/map)
Thank you!
1 Like
What you mean is that you want the map to be larger in height?
1 Like
You can try with this code:
div#map {
height: 1000px !important;
}
1 Like
You can try this:
div#main-slider-storelocator {
height: 600px !important;
}
1 Like
Thank you very much for your help.
1 Like
You are welcome @smsigroup 
1 Like