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.
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?
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
Viewing 3 reply threads
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.
Support forum for Event Espresso 3 and Event Espresso 4.