Last Updated: February 25, 2016
·
725
· merianos

Correct Google Maps Icons in combination with Foundation

I am using the Foundation CSS Framework to build my WordPress themes, and when I like to insert a Google Map in my document I get a result with damaged icons, like the following one:

Picture

After a long time research on my Chrome Browser Console, I found what was wrong with that.

The hack you should apply in order to fix this issue is the following:

{map_css_selector} img
{
    max-width : none;
}

and now my map looks like the following:

Picture