Support

Home Forums Event Espresso Premium Images on calendar don't show on Mobile phone (android)

Images on calendar don't show on Mobile phone (android)

Posted: October 6, 2015 at 6:25 pm

Viewing 11 reply threads


denise

October 6, 2015 at 6:25 pm

Hi,

When I go to my calendar on my phone I don’t see the images or any of the text for the classes. Is this something wrong with my theme?

Website is: http://miyceramics.com/2015-calendar/

Thanks!
denise


Josh

  • Support Staff

October 6, 2015 at 10:23 pm

Hi Denise,

You can add the following to your theme’s custom stylesheet and it should allow the images to display:

@media only screen and (max-width: 480px){
#espresso_calendar .thumb-wrap {
    display: block;
}
}


denise

October 15, 2015 at 9:01 am

Hi Josh,

I tried this, but on my phone I still only see the blocks but no images also the description. Text for the event isn’t showing.

Here is the site, could it be my theme?

http://miyceramics.com/2015-calendar/

Thanks
Denise


Lorenzo Orlando Caum

  • Support Staff

October 15, 2015 at 9:13 am

Hello,

If I load that CSS locally, then I see the images. Did you remove the CSS from your site?

http://cl.ly/image/2s1T0N323Q2h


Lorenzo


denise

October 15, 2015 at 9:47 am

Hi Lorenzo,

Thanks for your quick response. No I still have the css there it is part of my Theme Options-> General: Custom Styling section:

/*Allow images in the Mobile Phones*/

@media
only screen and (max-width: 480px){
#espresso_calendar .thumb-wrap {
display: block;
}
}

I have other CSS in there that works fine? Could some of my other custom css be interfering with it? I am also using and android phone with Jelly Bean.

Thanks
Denise


Lorenzo Orlando Caum

  • Support Staff

October 15, 2015 at 11:06 am

Does this work?

/*Allow images in the Mobile Phones*/
@media only screen and (max-width: 480px){
#espresso_calendar .thumb-wrap {
display: block !important;
}
}


Lorenzo


denise

October 15, 2015 at 11:40 am

Yes this works!!! Can we get the times or class descriptions to show or only the images?
Thanks again!


Lorenzo Orlando Caum

  • Support Staff

October 15, 2015 at 2:53 pm

Hi Denise,

Could you reverse the prior change? We’d like to test another CSS change locally.

Also, the calendar is now appearing large on the screen:

http://cl.ly/image/2y3J3G3Y272f

Could you also reverse any other CSS that may have been added today to override the calendar?


Lorenzo


denise

October 15, 2015 at 7:43 pm

On my screen the size looked fine? I reversed that CSS, let me know what you would like me to try next.

Thanks!


Lorenzo Orlando Caum

  • Support Staff

October 16, 2015 at 8:56 am

Thanks, could you try this updated version?


@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 {
display: block !important;
}

#espresso_calendar .fc-event {
min-height: 30em !important;
max-height: 30em !important;
}
}

We may need to make some additional adjustments but that should get the content to display.


Lorenzo


denise

October 16, 2015 at 11:10 am

Yep that works 🙂 pictures and text.

THANKS!


Lorenzo Orlando Caum

  • Support Staff

October 16, 2015 at 11:57 am

Great! I’ll update your support post to resolved.


Lorenzo

Viewing 11 reply threads

The support post ‘Images on calendar don't show on Mobile phone (android)’ 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