The calendar uses an ajax request to pull in the events and on your site, there are multiple JavaScript errors being thrown which will prevent that ajax request from working.
If you open up Chrome Dev Tools on your site you’ll see something like:
Uncaught Error: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.
at bootstrap.min.js.pagespeed.jm.jo9vhHsWBd.js:1
VM23:1 Uncaught Error: Bootstrap tooltips require Tether (http://tether.io/)
at eval (eval at <anonymous> ((index):1), <anonymous>:1:35557)
at eval (eval at <anonymous> ((index):1), <anonymous>:1:44346)
at eval (eval at <anonymous> ((index):1), <anonymous>:1:46408)
at (index):406
The above errors are happening on all pages of your site, not just the calendar page and need to be fixed.
I can see you are loading a couple of different versions of jQuery on the site, one from within WordPress (which is the correct version to use) and another from within your theme (which I recommend you don’t load, for more details to why see THIS).
The spinning cog is now fixed. However, the formatting is messed up (see https://apautah.org/events-calendar/). Why are some of them fitting within the cell of the calendar while others are spanning the width of the page?
Changes events that span over 7 days to only display the start date on the calendar, I’m not sure if that would work for you use case here?
Viewing 3 reply threads
The support post ‘Calendar Doesn't Show Events, Cog Just Spins’ 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.
Support forum for Event Espresso 3 and Event Espresso 4.