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

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="!1m14!1m8!1m3!1d27728.56583382997!2d-95.647502!3d29.688729!3m2!..." width="800" height="600" frameborder="0" style="border:0;" allowfullscreen="">

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

Shopify Expert
667 170 234

Hi, @AW2 ,

This is Evita from On The Map.


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

<iframe src="!1m14!1m8!1m3!1d27728.56583382997!2d-95.647502!3d29.688729!3m2!..." width="100%" height="600" frameborder="0" style="border:0;" allowfullscreen="">



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!