Google Calendar Not Centering on Mobile

  • Resolved greencircleprojects

    (@greencircleprojects)


    9 years, 1 month ago

    Hello
    I am using the Google Calendar plug-in on our website and it looks great on the desktop, however when viewed on mobile, the calendar smashes into the right of the screen, cutting off the last days of the month and partially cutting off the “Next” button. It doesn’t center the way it does on the desktop.

    Here is the URL:

    farmersparkspringfield.com

    I’ve tried turning off the responsive feature of the theme, but after doing so the “tooltips” for the events no longer appear after clicking on an event day. So I’m kind of between a rock and a hard place.

    Any help is greatly appreciated.

    https://wordpress.org/plugins/google-calendar-events/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Nick Young

    (@nickyoung87)

    9 years, 1 month ago

    You might be able to modify the CSS of the calendar itself. Have you tried doing that already?

    Thread Starter greencircleprojects

    (@greencircleprojects)

    9 years, 1 month ago

    I’ve taken a stab at it, but honestly I’m not really savvy with code. I know enough to be dangerous but most of it is trial and error. Applying margin: or position: traits to the code didn’t do anything, but again – I could have been doing it completely wrong.

    Thread Starter greencircleprojects

    (@greencircleprojects)

    9 years ago

    Any help with this would be greatly appreciated.

    Plugin Contributor Nick Young

    (@nickyoung87)

    9 years ago

    There is a width that gets set to the gce-calendar class you can try and mess with. You can change this width but it would affect the main site too unless you put it in some sort of media query.

    I’ve tried turning off the responsive feature of the theme, but after doing so the “tooltips” for the events no longer appear after clicking on an event day. So I’m kind of between a rock and a hard place.

    With the more recent updates to the plugin have you tried this as well as turning on the option to “Always Enqueue Scripts & Styles” in the general settings?

    Plugin Contributor Nick Young

    (@nickyoung87)

    9 years ago

    Assuming my last response got you got you going in the right direction and up and running. Marking resolved, but please let us know if you have any other issues.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Google Calendar Not Centering on Mobile’ is closed to new replies.