I’m hoping someone here may have already fought this battle and can share their solution. In trying to embed an iframe of a Google Calendar (which isn’t responsive at the source, either), I found several similar recommendations on how to do so on a WordPress site running Genesis and a child theme. What I came up with was essentially this:
That displays beautifully on desktop, of course, but on a mobile device, although the frame height is fine, the width runs off the side of the display.
Is this something peculiar about Google Calendar, or is there an error I’m missing in my code?
I found the problem, and it’s working properly now. I made a stupid mistake. Originally, I had called the class “.calendar-container” in both the CSS and HTML. Someone pointed out the error of the “.” and instead of just removing the “.” from the HTML, I removed it from both. When I realized that, putting it back in the CSS fixed it.