Home Forums Events Calendar Add-on Events Not Showing Up On Calendar on Mobile

Events Not Showing Up On Calendar on Mobile

Posted: August 23, 2022 at 2:22 pm

August 23, 2022 at 2:22 pm

We are using the Events Calendar add-on and it works perfectly on desktop but on mobile the calendar shows up but it won’t show any events or let me click on the dates. Any idea how to fix this?

Joao Victor

  • Support Staff

August 24, 2022 at 4:00 pm

Hi there,

Thanks for contacting us!

I was able to reproduce and reported this to our development team. We will get back with further details as soon as possible.

Joao Victor

  • Support Staff

August 24, 2022 at 5:19 pm

Hi there,

I checked with our team and the expected behavior is happening on the Calendar add-on on mobile devices. When you’re viewing it on mobile, the event’s name will not appear, but a line colored based on the event status is displayed (blue for upcoming, green for active, and grey for expired) which can be clicked to access the event page:

September 8, 2022 at 2:37 pm

Hi Joao,

Thank you! Does the development team plan to work on fixing the mobile view for this since it’s not ideal for mobile viewers or should we expect that this is the best it will get?

It would be nice to have this working where our mobile users can more clearly see that there is an event scheduled for that date.

Thank you for your guidance!

September 8, 2022 at 3:36 pm

Actually, I just realized that those lines in the event square are not lined up properly with the correct date. I’ve clicked on one for the 17th and it brought up a date for the 9th. I just purchased this plugin hoping this would make our event setup process easier but this won’t work at all for mobile users. Please advise if this is something the development team can fix or if we can get a refund for our recent purchase. (I am hoping we can get this to work for all of our benefits!)

Thank you again.


  • Support Staff

September 14, 2022 at 4:08 am

Hi there,

My apologies for the delayed reply.

It actually is possible to for the calendar to display the event title on smaller screens, they are hidden using CSS currently because the text becomes harder to read but you can add something like this:

@media screen and (max-width: 767px) {
    #espresso_calendar .fc-event-title {
        display: block;
        font-size: 10px;

Into Appearance -> Customize -> Additional CSS.

That should force the event titles to display again.

The issue with the events being ‘shifted’ is not something I’ve seen before, it looks like something is throwing off the calculation used for positioning but only on mobile view.

I’m looking into this currently.

The support post ‘Events Not Showing Up On Calendar on Mobile’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso