Dear support

I would like to add an responsive Google Maps in my page but when I resize the browser width of the screen the google map image does not resize in the correct screen size when the user look to the maps with his tablet or smartphone.
I have already tried everything and searched if there ever was a video to this in bootstrap v4.1 with Site Designer. Can someone give me a step by step plan how I customize my google maps of every screen because I do not. I use a flexgrid as column see in annex
Has anyone here for a solution or a video for me how I should do it

Best regards
Stephane

Here is my page where to try add an google maps

Hi Stephane,

You can create an HTML element for the map and put this in it. All you have to change is the the iframe code you get from google in the example below.

Hi all,
fail but not in to my google maps the entire cell fill over the entire surface in no breaking point.
How can you fix that he called the whole cell fills in my example that is attached.
Best regards
Stephane

Stephane,

Not sure if you are using a translating program to covert your message but it is not working very well. The code I provided is responsive and doesn't require breakpoints. It will and does work here is an example of where I use it.

http://jicregina.com/

Here's a page that shows a responsive map created in SD3 using Bootstrap 4. It also gives you the css settings to make the map work.

http://usconsumernet.net/cchelp/sd3/boo … -maps.html

You can give this a try: https://www.citychurchchristchurch.co.nz/christchurch

View source for everything you need and customise accordingly.

Hi Stefke
Have you tried this website for responsive embedding http://embedresponsively.com/

They have a google map tool and it works great i have used it for all my maps for clients and they love it

Regards Adrian