Solved

Google map out of boundaries in Mobile Version: Narrative Theme

ChamanGarg1
Tourist
8 0 6

Hi, I am using the narrative theme and wanted to add the google map location for my retail store in the contact us page of my site.

I used the embed code option in google maps to add it. It is looking fine for desktop version but it doesn't proportion itself for the mobile version.

In mobile the maps goes beyond the right boundary of the screen.

Here is the contact us page of my website: https://ecoearthclub.myshopify.com/pages/contact-us

 

Any help is highly appreciated.

Thanks in advance! 

Accepted Solution (1)

KetanKumar
Shopify Partner
36855 3637 11981

This is an accepted solution.

@ChamanGarg1 

thanks for it please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

iframe {
    width: 100%;
}

 

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

View solution in original post

Replies 6 (6)

KetanKumar
Shopify Partner
36855 3637 11981

This is an accepted solution.

@ChamanGarg1 

thanks for it please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

iframe {
    width: 100%;
}

 

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
ChamanGarg1
Tourist
8 0 6

Hi,

Thank you the solution. It worked perfectly.

 

KetanKumar
Shopify Partner
36855 3637 11981

@ChamanGarg1 

it's my pleasure to help us

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
rachaelpetal
Visitor
1 0 0

Thank you! I managed to fix it 

garywornell
Visitor
2 0 0

Thank you

Hans_Cowboy
Visitor
1 0 0

Hi @KetanKumar I have the same issue, but i can not find the Asset-> /theme.scss.liquid .... anymore did something change ?, I am using the dawn theme