Google calendar fix
(not a template)

If you copy and pate iframe code from google - you need to fix it so it shows on tablet and mobile

Google calendar html fix needs to be: style="overflow: auto; width: 100%; height: 900px;" frameborder="0" scrolling="yes" 

 

Replace code on the right from style= over to the end


Original code from google


<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&ctz=America%2FChicago&showPrint=0&mode=AGENDA&src=bGVvbmFyZG1hdXJpY2U1QGdtYWlsLmNvbQ&color=%23A79B8E" style="border:solid 1px #777" width="800" height="600" frameborder="0" scrolling="no"></iframe>


Fixed code - you can adjust height as needed height: 900px


<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&ctz=America%2FChicago&showPrint=0&mode=AGENDA&src=bGVvbmFyZG1hdXJpY2U1QGdtYWlsLmNvbQ&color=%23A79B8E" style="overflow: auto; width: 100%; height: 900px;" frameborder="0" scrolling="yes" ></iframe>