EE4 Mobile Calendar Responsive Features

Posted: November 22, 2019 at 4:58 pm

Viewing 2 reply threads

November 22, 2019 at 4:58 pm

I have used WP Mobile Detect and now use the WonderPlugin to force displaying the Event Table on Mobile and the Calendar on non-Mobile which works OK.
Is there an approach to display the Calendar on Mobile with a small icon shown for days with Events that when clicked will display the Event Overview in a Mobile Friendly manner?

Josh

Support Staff

November 22, 2019 at 5:34 pm

You could add some CSS to display a dashicon. Like this:

@media only screen and (max-width: 480px) {
#espresso_calendar .fc-event:before{
content: "\f456";
}
#espresso_calendar .fc-event{
font-family:dashicons;
font-size: 40px !important;
text-align: center;
}
}

goingsmart

November 22, 2019 at 5:57 pm

AWESOME

I LIKE THE MOBI ROLL-OVER DISPLAY. THX

Viewing 2 reply threads

The support post ‘EE4 Mobile Calendar Responsive Features’ 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 Premium
Attendee Mover Add-on
Automated Event Notifications Add-on
Events Calendar Add-on
MailChimp Integration
Multiple Event Registration Add-on
Printable Tickets Add-on
Wait List Manager Add-on
WordPress User Integration

Support

EE4 Mobile Calendar Responsive Features

Topic Tags

Notifications