Support

Home Forums Events Calendar Add-on Event Calendar Title Display on Mobile

Event Calendar Title Display on Mobile

Posted: June 18, 2018 at 7:36 am


Ballyholme Yacht Club

June 18, 2018 at 7:36 am

Good afternoon,
When viewed on mobile I would like the calendar to display only the event title, currently it just shows colorful boxes and it is impossible to tell which event is which.
http://ballyholme.com/event-calendar/
Thanks.


Josh

  • Support Staff

June 18, 2018 at 10:08 am

Hi there,

You can change it so it does display the text on small screens by adding the following CSS to your custom stylesheet:

@media only screen and (max-width: 480px) {
 #espresso_calendar .fc-event-title {
  display: block;
 }
}


Ballyholme Yacht Club

June 18, 2018 at 11:07 am

Great thank you Josh, that has worked! Although is there a way to just display the title of the event and not the datetime name with it?
Thanks.


Josh

  • Support Staff

June 18, 2018 at 11:48 am

There is a way, and it involves adding the following code snippet to your website:

https://github.com/eventespresso/ee-code-snippet-library/blob/master/addons/eea-calendar/tw_ee_EE_Datetime_In_Calendar__to_array_for_json__title.php

You can add the above to a functions plugin (you can click this link to follow the guide that shows how to create a site-specific WordPress plugin).


Ballyholme Yacht Club

June 18, 2018 at 12:16 pm

That’s it all working now, thanks a lot for your help Josh.

The support post ‘Event Calendar Title Display 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