I am trying to insert a mobile-friendly Google Calendar link on a web page. I've copied the embed code and pasted it onto the page in Website Builder. I changed the fixed width to 100%. But when I'm viewing my page on my smartphone the calendar gets cut off at Thursday and doesn't scroll right or left. If I rotate my smartphone 90% the calendar displays perfectly. How can I get it to display correctly without rotating the phone?
Hi @CubmasterFoley. Welcome to GoDaddy Community!
Great question. Since Website Builder builds the mobile version of your site automatically, adding 3rd party scripts can sometimes have unexpected results. I have seen Google calendars work on mobile Website Builder sites though. Maybe if you provide the URL from your site and the script you're adding, that will help someone identify what's happening.
The website in question is http://www.hubbscouts.com/calendar-events.html
Scroll to the bottom to see the calendar I've tried to embed. The calendar on top obviously for you mobile device users isn't working.
I am unable to upload the HTML code for the calendar to this thread; I keep getting an error message. Here's a screen shot of the code. I tried changing the width from "800" to "100%" with no success.
I am having the same problem you are describing. I just checked your website on my desk top and on my smartphone. The Google calendar displays perfectly on both. How did you get to display completely on the smartphone?
Check my calendar on your phone at: http://www.cobdenlegion.ca/calendar.html
I am trying to insert a mobile-friendly Google Calendar link on a web page. I've copied the embed code and pasted it onto the page in Business +Website Builder. It's good on a desktop, but when I'm viewing my page on my smartphone the calendar gets cut off at Thursday and doesn't scroll right or left. Turning the phone doesn't help
Check on your desktop and smartphone: http://www.cobdenlegion.ca/calendar.html