Posted: April 2, 2015 at 1:36 pm
|
I am having this continuing issue with the event images NOT showing on mobile. Can someone please help get this resolved. Thanks calendar page: I’ve tried using some custom css that Dean from support staff posted. See below. It works but then it takes away the images when you are viewing them from your computer. #espresso_calendar .fc-event-title, #espresso_calendar .fc-event { #espresso_calendar .thumb-wrap, #espresso_calendar .fc-event { |
Hi, could you remove that CSS and then update this support post? — |
|
|
I’ve removed it and below is all that I have in my custom css file. #logo { #top-panel #searchform {display:none} @media only screen and (max-width: 767px){ |
Thanks. The following CSS should work: #espresso_calendar .thumb-wrap, .ui-tooltip-content p { display: block; } #espresso_calendar .fc-event { min-height: 3em; max-height: 3em; } Here is a preview of how it should appear: http://cl.ly/image/2W1I1H2t2p2I — |
|
|
mobile looks fine but now the desktop view is messed up. |
Hi, We can introduce a media query so it applies only to smaller screens. Try this instead: (AT)media only screen and (max-width: 767px) { #espresso_calendar .thumb-wrap, .ui-tooltip-content p { display: block; } #espresso_calendar .fc-event { min-height: 3em; max-height: 3em; } } Note: it should replace the existing custom CSS that you recently added. Change (AT) in the example above to the @ symbol. — |
|
The support post ‘Event Calendar Images on Mobile Devices not showing.’ 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.