Support

Home Forums Event Espresso Premium MOBILE VIEW IS MESSED UP

MOBILE VIEW IS MESSED UP

Posted: May 16, 2015 at 2:51 pm


Jason Alders

May 16, 2015 at 2:51 pm

My calendar in Mobile (portrait) view doesnt show any indicator of events. No colored box, no text, nothing.
Please help

Jay

PS: This is the URL (on my iphone, events are invisible)


Dean

May 18, 2015 at 2:01 am

Hi,

The mobile view removes the text as it would simply be too messed up (too small or too squashed) to be readable. It should colour the boxes but for some reason this isn’t happening.

Adding this CSS should fix that for you

@media only screen and (max-width: 480px) {
    #espresso_calendar:not(.ui-widget) .fc-event {
        background-color: #C2BAAD !important;
    }
}

That CSS can be added to your themes style.css, though in order to preserve the CSS through theme updates we recommend adding it to either: a child themes style.css, your themes CSS options if it has any, or a plugin such as My Custom CSS.


Jason Alders

May 18, 2015 at 9:40 am

Thanks Dean
I want to have images showing, same sort of biz model as vippaints site. not just colored boxes.
I can get into the style css but I dont know how to do the child style css or theme css…can you shed some more light on that?


Lorenzo Orlando Caum

  • Support Staff

May 18, 2015 at 12:53 pm

Hi Jason, the CSS that Dean shared is ready to be added to your site. However, we don’t recommend editing the core Event Espresso plugin or your parent theme directly. This is because software updates will likely remove any edits to core files.

Another way to add these styles would be to use a child theme. If you are using a theme that supports a child theme such as one of the default WP themes or a theme like Genesis, then you could add the styling there.

If you do not have a child theme or this isn’t something that you are familiar with, then we recommend installing My Custom CSS or Reaktiv CSS Builder and adding the styles there. Both plugins are free from the WordPress plugins directory and they will allow you to add this CSS to your website.


Lorenzo

The support post ‘MOBILE VIEW IS MESSED UP’ 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