7 years 8 months ago
Been chasing down all sorts of dead ends to integrate Google Calendar into a responsive theme.
Lots of testing and finally got it to go from tables to list view on phones
Figured this may save some wasted time
Just Change Title and XXX to reflect your needs
<div class="hidden-phone responsive-iframe-container"><iframe src="https://www.google.com/calendar/embed?title=TITLE%20&height=575&wkst=1&bgcolor=%23FFFFFF&src=XXX%40gmail.com&color=%23B12D20&ctz=Australia%2FMelbourne" scrolling="no" frameborder="0" height="575" width="100%"></iframe></div><div class="visible-phone"><iframe src="https://www.google.com/calendar/embed?mode=TITLE&height=400&wkst=1&bgcolor=%23FFFFFF&src=XXX%40gmail.com&color=%23B12D20&ctz=Australia%2FMelbourne" scrolling="no" frameborder="0" height="500" width="280"></iframe></div>