Google Map widget NOT responsive

Please visit http://wolf.creativecrib.com/ and note that the map toward the bottom of page is not responsive. The Responsive add-on has been installed though the map does not resize based on browser width. Thanks for any help! I'm inserting the map via the map widget and width and height attributes (Map size:slight_smile: doesn't allow you to use %, or for that matter empty inputs result in 200 x 200 default. Is the Map Widget unable to insert responsive code?

It's usually not a good idea to apply !important when general styling is concerned. But cases like these, where you have hard to reach elements is what it was made for. The CSS target for that rule is specific enough that it will only apply to what we need it to.

I had a similar problem. All maps that I inserted through shortcodes were not responsive. Since I also don't like to use !important, if I don't have to, I played with some css settings and I found out that this seems to do the job pretty well:

Note, this is for the normal maps - not the widget ones, but I guess it will work there the same way. The solution for me was to delete the settings for width and height in the plugin options, which actually causes the maps to not show up at all because width and height seems to be 0. So the fix here was to give it a min-width and min-height as well.

What do you think? Is this a reasonable fix? I hope this is going to the future-proof and will work after plugin updates.

How do you rate me?

Thank you for rating your experience!

We’re thrilled to hear you had a great experience with . Would you like to leave a comment about your experience?
Thanks for voting on your experience with , we’d love to get some feedback please.
Ohh no! We’re really sorry to hear you didn’t have a pleasant experience with , we’re always looking at how we can improve and would appreciate you provide some further feedback here please.
Type your feedback here

it's great that you had a positive one. Based on your experience in this ticket would you please be kind enough to rate us externally on: