|
Greg Davis
|
January 25, 2014 at 2:03 pm
On my client’s site: http://kennett-design.com/calendar/ the calendar is very responsive and responds well to different size screens. However, on a smaller screen such as the iPhone, the thumbnails disappear and only the category color is shown in the square for that day (no event titles either).
Is there a way to keep this information as visible even on the smaller display?
|
|
Josh
|
January 27, 2014 at 8:37 am
Hi Greg,
The calendar stylesheet is hiding the event titles and thumbnails for 480px and narrower-sized screens. This is because they will not fit in a responsive layout (they stretch out to the side). If you look at the very end on the calendar plugin’s calendar.css file you’ll see that last media query that makes it happen:
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;
}
}
You could try removing or commenting that out (which might work out okay if the WordPress theme isn’t responsive).
|
