brookek14

Hey Julien,

The site I am working on is https://www.debtwave.com/ and is having issues both with scrolling in a responsive setting as well as compatibility with IE8 and below — I know the later had been discussed in another post but I did not see any solution, so am not sure if I should open up an individual support post for this as well.

Thank you for your help!

No I did not see that, but I have now transferred all Easy Modals to Popup Maker plugin, and this problem still persists. I have tried both regular iFrame embed and custom responsive code and both show a zoomed out map.

I am also using a plugin called WP FullPage and am wondering if maybe there is some conflicts with the jquery.

Here is the current code I am using:
css:
.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

html:
<div class="responsive-iframe-container"><iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3353.1000852271995!2d-117.12510200000001!3d32.816113!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80dbffda5395922f%3A0x1ebcd31d54514e1a!2sDebtWave+Credit+Counseling%2C+Inc.!5e0!3m2!1sen!2sus!4v1418879170726" width="600" height="450" frameborder="0"></iframe></div>

Thanks!