Calendar is not mobile responsive

[larathomason]

So the calendar looks great on a desktop or laptop computer but for tablets and smartphones it looks HORRIBLE. I was wondering if anyone knew how to switch the calendar view to “List” once the viewer is viewing from a tablet and or smartphone… In list view it looks great on smartphones and tablets, its just calendar view on small screens that looks scrunched up and crappy. Please help!!

[Kelly]

Hi, larathomason. Great question!

We definitely feel your pain here, and do have responsive behaviors in the works for an upcoming release in the not too distant future. For now, though, I unfortunately don’t have any suggestions how you could customize your site to change per device.

If you need an immediate solution, your best bet would be to hire a third-party developer who could take a look. Should you be interested, we’d be happy to provide you with a list.

Sorry I don’t have a better answer for you, but please rest assured that help is on the way!

[Kelly]

So, I prodded our devs and we came up with something. It’s not pretty, but it should do the trick for the time being.

You’ll need to override the template for month view, so first, please check out our Themer’s Guide, linked in the sidebar, if you’re unfamiliar. From there, please put this snippet at the bottom of the overridden content.php in the Month View folder:

http://pastebin.com/zaZW2Qjt

It won’t be pretty, but it will switch to List View for your users on small screens.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts