Posted: February 24, 2014 at 12:10 am
|
Hi, The calendar text is not showing in mobile. Please visit this page on mobile see screenshot. any idea? thanks |
Hi Paul, The Event titles were removed from the Calendar on mobile view due to screen size limitations.
Which content? The main event content or titles? |
|
|
I see. Is there a way the font will get tiny when viewing in mobile devices so at least the titles will show in calendar? yes i am talking about the title, sorry not the content. let me know, i think that is possible via CSS |
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. |
|
|
yes, i think it’s fine for us. at least only the title but no event time when viewing mobile devices… just let us know the code, that can be add and remove if we dont like it… can’t we try it please? |
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; } |
|
|
thanks, your right very tiny |
The support post ‘Mobile Issue – No text when viewing in mobile devices’ 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.