studentcaffe

I use the Vantage theme as well, and I’ve noticed that the theme adds a line-height: 1.6em; element to the .entry-content div, which can sometimes cause weird spacing gaps when you want your elements to be flush.

Could you try adding line-height: 0; to your CSS Styles for the Disaster Resistance widget and see if that resolves it?

If it’s just a matter of it not longer shrinking, it’s possible that something changed in the map’s custom sizing, either as a custom setting within the plugin or something created inline when you added the map element on the page.

It seems to stay at the same size, 584 x 300, on all views, overriding responsive scaling. Adding a max-width of 100% to the map element should fix it if that is the only issue. Does adding the below code to your advanced CSS resolve the issue for you?

div#custom-mapping-google-map-0 { max-width: 100% }

Update: I have since been able to work around the issue by removing the snippet entirely from my child theme’s functions.php and adding the following to my Advanced CSS.

@media screen and (max-width: 480px) {
section.tc-thumbnail.span4 {
display: table-header-group;
}
section.tc-content.span8 {
display: table-footer-group;
}
}