Two map sections side by side in brooklyn theme

ZwartSchoenmode
New Member
2 0 0

Hello Everyone!

We're a small retail company that just joined shopify this weekend (zwart-schoenmode.myshopify.com). I'm learning fast but am still running into some minor issues where i can't find any solutions for. Particularly the map sections in the Brooklyn theme. 

Our situation is that we have 2 retail locations. In the Brooklyn theme it's really easy to add the store details to the front page. However, as you can see on our site. It now shows each section on a new row. What i would like to do i change the width of the map section to something like 40-50%? So that both store locations are showing up next to eachother. I do wonder though if this might affect mobile users, so i should take into account the max pixel width or something which i read in another commuity question. I also already figured outcommenting the part highlighted at the end of my post disables the background (which i also like to do). 

So to sum up my question. Is there a way to show both store locations on the same row? If so, where should i edit my code to do so and is there a way to account for mobile users. 

Thanks a lot in advance!

 

<div class="map-section__background-wrapper">
{% if bg_image.src != blank %}
<div class="map-section__image lazyload js"
data-bgset="{% include 'bgset', image: bg_image %}"
data-sizes="auto"
data-parent-fit="cover"
style="background-image: url('{{ bg_image | img_url: '300x300' }});">
</div>
<noscript>
<div class="map-section__image" style="background-image: url({{ bg_image | img_url: 'x800', crop: 'top' }});"></div>
</noscript>
{% elsif onboarding == true %}
<div class="placeholder-background">
{{ 'lifestyle-2' | placeholder_svg_tag: 'placeholder-svg' }}
</div>
{% endif %}
{% if display_map %}
<div class="map-section__container"
id="Map-{{ section.id }}"
data-map
data-address-setting="{{ section.settings.map_address | escape }}"
data-api-key="{{ section.settings.api_key }}">
</div>
<div class="map-section__overlay" data-map-overlay></div>
{% endif %}
</div>

0 Likes
KetanKumar
Shopify Partner
22352 2268 8346

@ZwartSchoenmode 

Sorry for facing this issue, it's my pleasure to help us.

 

Welcome to the Shopify community!
and Thanks for your Good question.


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ZwartSchoenmode
New Member
2 0 0

Hey @KetanKumar ,

The url is: zwart-schoenmode.myshopify.com  

Thankyou

 

0 Likes
fyl_jacqueline
New Member
2 0 2

Hey there, 

 

Is there an update on this? I'm also curious to see how I can make this work. 

 

Thanks!

KetanKumar
Shopify Partner
22352 2268 8346

@fyl_jacqueline 

Sorry for facing this issue, it's my pleasure to help us.

 

Welcome to the Shopify community!
and Thanks for your Good question.


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
fyl_jacqueline
New Member
2 0 2

Hi @KetanKumar, our url is https://www.foreveryourslingerie.ca/ using the impulse theme. The map is towards the bottom of the homepage, but I'd like to add a second map beside it. 

 

Thanks!

KetanKumar
Shopify Partner
22352 2268 8346

@fyl_jacqueline 

sorry late reply please add on more map so i will guide you 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes