When the screen width is narrow (like on mobile phones) the events on the calendar page reduce to just colored boxes. You have to hover over them to see what the event is. Even so, there’s no description, only the event title and “register now.” Is there any way to include a description when viewing the calendar on mobile phones?
Alternatively, is there any way to change “register now” to something more descriptive–perhaps a media query which changes this text when viewing it on an iphone, etc.?
The boxes and the lack of text are removed to make it easier to wrok with on smaller devices.
If you wish to re-enable the text you can add the following CSS to a plugin such as My Custom CSS or to the bottom of your themes style.css file
@media only screen and (max-width: 480px) {
.ui-tooltip-content p {
display: block;
}
}
There is no way to use a CSS media Query to change content like that. You would need to modify the files directly with a JavaScript script to do it that way.
Viewing 1 reply thread
The support post ‘Calendar view on mobile phones’ 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.
Support forum for Event Espresso 3 and Event Espresso 4.