Responsive Calendar

[Rachelle]

Hey can you guys tell me if I can do something to make the pro plugin respond? I’ve built a responsive site, but this plugin is an issue as it doesn’t appear properly…

[Barry]

You can certainly adapt our stylesheet using the same principle as template overrides – that is, copy the events.css file from the plugin’s resources directory and place it in your theme’s events folder.

Then, add the custom rules or modify existing rules to make the calendar responsive – that way you can exercise the control you need to bring it into perfect synergy with your theme.

[Barry]

Hi Rachelle, how did you get on? Unless you require further support I’ll close this thread.

Thanks!

[Rachelle]

I couldn’t figure out how to add responsive code to it. I followed another users example here: https://theeventscalendar.com/support/forums/topic/events-page-responsive-columns/ but nothing happened… do you know where exactly I put this code? I tried the css file…

[Barry]

I’d try placing it in the copy of events.css in your theme’s events folder – if you don’t have this folder set up already, take a look at < a href="https://theeventscalendar.com/what-are-template-overrides-and-how-do-i-do-them/">this great tutorial on template overrides. The principals extend to the events.css stylesheet.

[Barry]

Fluffed the link there – second try:

Template Overrides Tutorial

[Rachelle]

Thanks Barry, I will try that : )

[Andy Fragen]

You should see if this thread helps.

Mobile Ready (iPhone) – Event Calendar Pro?

[Barry]

Was either the tutorial link or the thread Andy linked to of use here Rachelle?

[Author]

Posts