Help for Hedgehogs embeds

Big Hedgehog Map

<iframe id="big-hedgehog-map-embed" style="max-width: 100%;" src="http://bighedgehogmap.org/hfh-map-embed" width="700" height="900" frameborder="0"></iframe>

Hedgehog hole form

<iframe id="hole-form-embed" style="max-width: 100%;" src="http://bighedgehogmap.org/hfh-holes-form-embed" width="700" height="2550" frameborder="0"></iframe>

Hedgehog sighting form

<iframe id="sighting-form-embed" style="max-width: 100%;" src="http://bighedgehogmap.org/hfh-sightings-form-embed" width="700" height="2600"
frameborder="0"></iframe>

Hedgehog Street data network banner

<iframe id="network-banner-embed" style="max-width: 100%;" src="http://bighedgehogmap.org/banner-embed" width="405" height="47" frameborder="0"></iframe>

Mobile height adjustments

Adjust the height value for each embed if there are issues with the height for mobile devices.

<style>
@media (max-width: 767px) {
 #big-hedgehog-map-embed { height: 965px; }
 #hole-form-embed { height: 2730px; }
 #sighting-form-embed { height: 2730px; }
 #network-banner-embed { height: 75px; }
}
</style>