Support

Home Forums Event Espresso Premium EE4, Calendar on mobiles, events not showing

EE4, Calendar on mobiles, events not showing

Posted: September 16, 2016 at 7:11 pm

Viewing 3 reply threads


Steven Phillips

September 16, 2016 at 7:11 pm

hi there,
We use a calendar on our website with colour blocks to indicate events.
http://watersidemetalart.org/
On mobiles the calendar is showing but the colour blocks are not.

Please advice on how this can be rectified
Thanks


Tony

  • Support Staff

September 19, 2016 at 4:20 am

Hi there,

There is some CSS within the Calendar to hide the event details on smaller screens, for your use case you will need to override that code.

You can use something like this:

@media only screen and (max-width: 480px) {
	#espresso_calendar .fc-event-title {
		display: initial!important;
	}
}

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.


Steven Phillips

September 19, 2016 at 5:18 pm

Thanks that works, but I was wondering if we could get the same coloured flags styling as showing on a PC, rather then the text.

http://watersidemetalart.org/


Tony

  • Support Staff

September 21, 2016 at 3:09 am

Hi Steven,

That should be happening currently, viewing the device on mobile I see the flags.

Which device are you using?

Viewing 3 reply threads

The support post ‘EE4, Calendar on mobiles, events 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.

Event Espresso