I took out the width in the html so it looks like this:
<iframe style=”border: 0;” src=”https://www.google.com/calendar/embed?src=cestubblefield%40gmail.com&ctz=America/Chicago” height=”600″ frameborder=”0″ scrolling=”no”></iframe>
In the ‘advanced settings’ area of ‘theme options’ I entered:
iframe {
width:100%;
}
It makes it fill the Firefox browser nicely, but on my phone, Safari has it busting out off the edge of the page. I am trying to make the <iframe> responsive.
Anyone out there know hot to do this? I have found tutorials on how to make an <iframe> responsive, but for some reason I can’t get it to work right.
Sorry if I am asking a foolish question. I am still a beginner but feel like I should be able to get this fixed easily.
