Issue with calendars on mobile

  • I have a page to display a google calendar. I have it set up two ways.

    1. html with iframe code copied from google
    2. simple calendar short code tied to an api code from google

    I got method one working ok, but I do greatly prefer the look of method two.

    However, when I go to view the page on mobile, the title text does not appear within the calendar dates. I have tried tweaking multiple settings but have gotten nowhere. If I flip my phone into landscape mode they do display, so its like it doesn’t think it is wide enough or something maybe??

    Here is a screen shot https://imgur.com/a/ax5Y3LP

    Any help would be greatly appreciated. Thank you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support john

    (@johnweru)

    Hi there,

    Thanks for reaching out to us.

    In regards to your query here, what happens is that on mobile the event dots are rendered instead of the event titles. Clicking on the event dots will then render the event details to the specific event. This is a default implementation in the plugin since if the full event titles would have been rendered as is the case in desktop, that would result to overlapping titles especially on mobile and responsiveness issues. In your case here, the issue that I see is that the event dots are not being rendered due to the dark background that you have set. To rectify this, please add the following CSS code within the Appearance > Customize > Additional CSS section:

    span.simcal-events-dots b {
    color: #fff !important;
    }

    I hope this helps.

    Kind Regards

    Thread Starter ckramer

    (@ckramer)

    That does make it a little better, I’m still not in love, but thank you!

    Plugin Support john

    (@johnweru)

    Hi there,

    Thanks for keeping in touch with us.

    In this case, that is the default display we have for mobile devices. You may also check out the demo here: https://demo.simplecalendar.io/grid-view/ .

    Should you have any questions, please feel free to reach out once again.

    Kind Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.