Skip to main content
Help Center
The GoDaddy Community will undergo maintenance starting on Tuesday, August 3rd at 3pm PST / 6pm EST. Learn more
  • GoDaddy Community
  • GoDaddy Website Builders
  • GoDaddy Website Builders

    cancel
    Showing results for 
    Show  only  | Search instead for 
    Did you mean: 

    How do I embed a mobile-friendly Google Calendar using Website Builder?

    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?

    5 REPLIES 5
    JesseW
    Community Manager

    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. 

     

    JesseW - GoDaddy | Community Manager | 24/7 support available at x.co/247support | Remember to choose a solution and give likes.

    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

     
    ronj1
    New

    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

     

    Any solutions?