Support

November 18, 2014 at 7:05 pm

Hi, the issue here is there is limited space for showing all of that information but I’d like to double-check that something else, isn’t happening. What happens when you click on the events on the calendar on your mobile phone?

Does the tooltip appear with information?

—
Lorenzo

November 19, 2014 at 5:53 am

Can you link us to the calendar page on your site please?

Also if you go to Event Espresso -> Settings -> Calendar.

You will find an option for ‘Show Tooltips’ if that is set to No then the tooltips will not show.

November 20, 2014 at 2:31 pm

Hi Brent,

You might try hiding the calendar from small screens with a media query, and display a list of events instead (with an event list shortcode on the same page). The calendar is very small on small screens, and the text that displays event names will not fit within those small boxes.

Here’s some example CSS you can add to your stylesheet:

@media only screen and (max-width: 767px){
#espresso_calendar{
display:none;
}
}
/* optionally hide the event list on large screens */
@media only screen and (min-width: 767px){
.cal-page-event-list{
display:none;
}
}

That second rule will target the event list if you wrap the event list shortcode with a cal-page-event-list div class. In EE4 that will look like this:

[ESPRESSO_EVENTS]