We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.
Hi Again - sorry I am full of questions at the moment!
I's like to make my Google map responsive. I found this tutorial https://www.ostraining.com/blog/coding/responsive-google-maps/
But it requires me to add CSS to a style sheet - which I dont know how to do.
Can anyone help me please? To either show me how to add the CSS or point me in the direction of a reposnive map that I can use on a contavt page to show a location of a business.
I don`t understand your problem. Why not use the google maps widget out of the box?
Looks like this between fluid width breakpoints:
Yes, Ive used Google maps but wanted to make it responsive so I dont have to keep changing it.
That was what I wanted to show with my screenshot, it reacts fluid in fluid width breakpoints.
What`s your issue?
It didnt react, just hung off the page. I am using the map embed code from Google, is there another way?
Did we miss on something?
Because the native Google maps widget has the property to be set as responsive, see below;
Please update us if there is something else you are looking for.
It wasnt working, the map was till hanging off the page. Ive removed it from smaller breakpoints for now. I will have to re-visit at a later stage when I have more time on this site.
Can you please help us with a small .muse file with just the map you designed and all the breakpoints so I can see what could be the problem?
Ive hidden the map in smaller breakpoints now for speed as I didnt have time to mess... when this project is completed and I have more time I will do a test file. Thanks