How to change the Iframe map size to full screen in Atlantic theme.

Highlighted
New Member
1 0 1

I'm using Atlantic theme and I create a new page for Map. 
I used the following code which is mention below


<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d27728.56583382997!2d-95.647502!3d29.688729!3m2!..." width="800" height="600" frameborder="0" style="border:0;" allowfullscreen="">
</iframe>

Please help me to get it to the full size, I have used the creating new layout method but still it does not work.
It only worked when I wrote the layout null {% layout none %}
But I wan it with the theme 
I don't want to make the layout null.
Screenshot is attached below
Screenshot_2.png

1 Like
Trailblazer
548 134 176

Hi, @AW2 ,

This is Evita from On The Map.

 

Did you try adding iframe width to 100%, like this:

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d27728.56583382997!2d-95.647502!3d29.688729!3m2!..." width="100%" height="600" frameborder="0" style="border:0;" allowfullscreen="">
</iframe>

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like