Google Calendar in Mobile

  • 0
  • 1
  • Question
  • Updated 3 months 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 inactive conversation.

I've noticed that when there's a Google Calendar on website builder and you go to look at it on the Mobile site, the calendar is cut off drastically.  Is there anyway to format the calendar in Mobile so it can be completely viewed from a device?
Photo of RoseM

RoseM

  • 590 Points 500 badge 2x thumb

Posted 3 months ago

  • 0
  • 1
Photo of Fran6251

Fran6251

  • 808 Points 500 badge 2x thumb
Rose and I are asking about the google calendar not the google map.  The calendar is already in an HTML box.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 20,792 Points 20k badge 2x thumb
Fran6251

My apologies. You're correct. Google Calendar is HTML and we cannot troubleshoot HTML. You would need to look for a code that is mobile friendly, if they offer that.
(Edited)
Photo of Fran6251

Fran6251

  • 808 Points 500 badge 2x thumb
I will add this to my list of Tech questions tomorrow.  Thanks for your help.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 20,946 Points 20k badge 2x thumb
Hello RoseM

Unfortunately, we don't really have control over how HTML displays in the mobile view. This will depend on how the HTML is written. I would recommend looking into whether they offer a mobile friendly version of the code.
Photo of Other Rose

Other Rose

  • 372 Points 250 badge 2x thumb
Do you know if it's possible to have one HTML code/calendar in desktop and another HTML for a smaller/separate code in Mobile?  I've found that if while in Mobile I adjust height and width in the HTML, it will also adjust H and W in Desktop.  I thought maybe I could make another Google calendar with smaller dimensions and just update events in both, but I'm not sure if Builder will allow it.
Photo of Other Rose

Other Rose

  • 372 Points 250 badge 2x thumb
Do you know if it's possible to have one HTML code/calendar in desktop and another HTML for a smaller/separate code in Mobile?  I've found that if while in Mobile I adjust height and width in the HTML, it will also adjust H and W in Desktop.  I thought maybe I could make another Google calendar with smaller dimensions and just update events in both, but I'm not sure if Builder will allow it.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 20,608 Points 20k badge 2x thumb
It is possible to manipulate the builder to do that. I'll try to explain it will over text.
You'll need to add both HTML boxes to the Desktop version. One will be for mobile, one for desktop. The one for mobile, go into the advanced settings in the desktop part of the builder, under size and position, and turn off the setting for "Starts Visible". Next, edit the dimensions in the HTML to fit the mobile. Then, go into the mobile builder, and hide the HTML box for Desktop.
You will see both boxes in Desktop, but when you do a preview you should only see one visible.
Photo of Fran6251

Fran6251

  • 808 Points 500 badge 2x thumb
Your the best Elyzabeth .... this worked perfectly for my calendar issue in desktop and mobile.  Put an image behind the mobile to avoid dead space on desktop.  Thanks again for all your help!

This conversation is no longer open for comments or replies.