Mobile Display of Calendar

[creatvinspratn]

Hi, I have searched the forums, but I am not seeing an answer to the mobile issue I am having with the calendar on my site. This is the page of the calendar: http://www.soaringspirityogastudio.com/workshops. On the desktop, it shows the calendar view. On my mobile device (iPhone in this case), it shows a blank page with two horizontal blue lines as though it is only displaying two events with white text in list view. Can you help with this? I am using the WP Touch plugin and see that it is changing the effect of the page, but even without it, the calendar isn’t resizing on mobile.

Thank you,
Katie

[George]

Hey Katie,

There are some unfortunate limitations with styling based on your theme – your theme ultimately runs the show when it comes to certain styling things, especially responsiveness on mobile devices, and when I checked out your site on my laptop, it seemed that your theme had very limited responsive design. So while some things can help from within The Events Calendar, at core there’s only so much our responsive-compatible styles can do within a theme that is itself not fully responsive.

With that being said, we can definitely take a closer look here just to make sure everything is indeed working correctly, and we might be able to help things along a bit depending on your site.

For now, I’m curious – what are the stylesheet settings for your Events Calendar if you head to Events > Settings > Display in your admin? You should see a set of options like in this screenshot → https://cloudup.com/cMde28zr8r1

Does changing these settings change the behavior of the events calendar’s responsive to anything more suitable for you?

Let us know! 🙂

Cheers,
George

[creatvinspratn]

Hi George,

This is great, thank you so much! I hadn’t used that option in the styling because it didn’t show a background, but I just took about 10-15 minutes to add a white background and we’re all good! It doesn’t look quite as pretty as it did before, but it shows up well on mobile now, so that’s good enough for me.

Thank you so much for your assistance!
Katie

[George]

Awesome! Glad to hear it Katie, best of luck with your site 🙂

[Author]

Posts