Resizing iframe on the responsive version

Hi,

I am embedding an iframe on my website, but the iframe does not dynamically resize when viewed on mobile displays. Have tried the method of changing the width parameter in the iframe to 100% but it still doesn’t work.

Is there some code in the theme that is preventing the responsive change? Anyone able to help?

<div style=”width:100%; text-align:left;” ><iframe src=”www.example.com” frameborder=”0″ height=”1000″ width=”100%” vspace=”0″ hspace=”0″ marginheight=”5″ marginwidth=”5″ scrolling=”auto” allowtransparency=”true”></iframe>
<div style=”font-family:Helvetica, Arial; font-size:10px; padding:5px 0 5px; margin:2px; width:100%; text-align:left;” >Sell Tickets <span style=”color:#ddd;”>through</span> Eventbrite</div>
</div>