Support

February 24, 2014 at 5:11 am

Hi Paul,

The Event titles were removed from the Calendar on mobile view due to screen size limitations.

and the content in calendar is not showing.

Which content? The main event content or titles?

February 24, 2014 at 6:56 pm

Hi Paul,

It would be so tiny in order to fit I’m afraid it would not be readable. I checked and it looks like you have the tooltips enabled. So if you tap any of the dates the tooltip will display the event’s title.

February 24, 2014 at 8:11 pm

Hi Paul,

All of the code that styles the small screen view can be found at the end of the calendar plugin’s calendar.css stylesheet. Here’s the media query in it’s entirety:

@media only screen and (max-width: 480px) {
	
	#espresso_calendar .fc-event-title,
	#espresso_calendar .time-display-block, 
	#espresso_calendar .thumb-wrap, 
	.ui-tooltip-content p,
	#espresso_calendar .fc-button-month,
	#espresso_calendar .fc-button-agendaDay,
	#espresso_calendar .fc-button-agendaWeek,
	#espresso_calendar .fc-button-today {
		display: none;
	}
	#espresso_calendar .fc-event {
		min-height: 3em;
		max-height: 3em;
	}
}

So for example if you want to override this so the event title displays on the small screens, you’d add something like this to your stylesheet:

#espresso_calendar .fc-event-title {
display:block!important;
}