Since Google maps is in an iframe can it be worked responsive? Since you have to declare a size I assume no
Anybody have any experience with it?
Thanks in advance?
Byron
Byron Tipping
Registered User
1,584 posts
Scott Swedorski
VP of Software Development
0 posts
I actually just helped someone with this today. It requires a bit of custom CSS to do that. You can find many tutorials here on how to do this.
https://www.google.com/search?q=google+ … p;ie=UTF-8
https://www.google.com/search?q=google+ … p;ie=UTF-8
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Byron Tipping
Registered User
1,584 posts
Thanks but do you put the <style> content </style> in the head section of the sheet?
Thanks again
Byron
Thanks again
Byron
Scott Swedorski
VP of Software Development
0 posts
Bryon Tipping wrote:
Thanks but do you put the <style> content </style> in the head section of the sheet?
Thanks again
Byron
Thanks but do you put the <style> content </style> in the head section of the sheet?
Thanks again
Byron
You can do it that way or use a custom.css file and link that instead into the head section. Using a custom.css gives you a bit more control and keeps things clean.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Byron Tipping
Registered User
1,584 posts
Thanks - - Also were you aware that Visual Lightbox is now responsive and works well in RLM? Doesn't seem to conflict with Responsive Menu either.
Thanks again
Byron
Thanks again
Byron
paintbrush
Ambassador
3,816 posts
I've noticed with the new Google Maps that the pinpointed address no longer stays centered. The smaller the map gets, the further it pushes the view to the west of the actual address. Users may not realize they're not seeing your location. 
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Scott Swedorski
VP of Software Development
0 posts
We just put together a quick article on how to make a Google Map responsive and use it within your RLM project.
http://www.coffeecup.com/help/articles/1283
Hope that helps.
http://www.coffeecup.com/help/articles/1283
Hope that helps.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Eric Rohloff
Senior Advisor
20,190 posts
That's weird that you can't drag the map in FX with the mouse. I can zoom with the mouse wheel.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
bough
Registered User
1,718 posts
You shouldn't have a problem adding google maps to your website, I just did it and i'm an amateur at this stuff.
Just follow the steps Google sets fourth to setup the .CSS files.
Just follow the steps Google sets fourth to setup the .CSS files.
paintbrush
Ambassador
3,816 posts
Matt, it's easy enough to add them; it's getting them to behave afterwards is where the 'fun' comes in.
Thanks for this!!!
I was using Firefox's responsive view... will try another map and see how it goes.
The marker does not stay centered! Why not?
When you scroll the page down in size the marker will not stay centered on the map, however you should not worry about that, because as when the page loads to the screensize that is being used, the marker will be centered for that screensize. Resize the page, refresh it and try for yourself.
When you scroll the page down in size the marker will not stay centered on the map, however you should not worry about that, because as when the page loads to the screensize that is being used, the marker will be centered for that screensize. Resize the page, refresh it and try for yourself.
Thanks for this!!!
I was using Firefox's responsive view... will try another map and see how it goes.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
