How do I get my google calendar to display correctly on the mobile site in Website builder?

  • 0
  • 1
  • Question
  • Updated 1 year ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archiving for 7 days of inactivity.

We are rebuilding our current site using Website Builder so that it is responsive and we can get away from Duda.  We have embedded a Google calendar (month view) into our desktop site.   When we preview the mobile site for this page, we get only the first two days of the week displayed and it appears there is no way to scroll to see the rest of the calendar.  Any ideas?
Photo of Teresa8270

Teresa8270

  • 406 Points 250 badge 2x thumb
  • fine - just need help

Posted 1 year ago

  • 0
  • 1
Photo of Michelle C

Michelle C, Employee

  • 34,962 Points 20k badge 2x thumb
Hello,

To add the html code you can follow the instructions in this article https://community.homestead.com/homestead/topics/adding-html-in-website-builder. Unfortunately trouble shooting the actual code is out of our scope of support but within the code if you can find the height and width of the widget you can try resizing the dimensions to adjust the size it is displaying. 
Photo of Matt6614

Matt6614

  • 428 Points 250 badge 2x thumb
I ran into this issue as well. My fix was to create a button that I named “mobile calendar view” and had it open in a new window- direct link to the google calendar. I layered the button behind the html box on the desktop version. Open the mobile editor and hide the html code on the mobile site.

This will look normal on the desktop version and guests to your mobile site will have to click an extra button to see the calendar but it will load correctly.
Photo of Teresa8270

Teresa8270

  • 406 Points 250 badge 2x thumb
Brilliant!  Thank you so much!

This conversation is no longer open for comments or replies.