Mobile calendar breakpoint

[Stefanie-Nicole]

Hi,

I just tried to change the breakpoint of my calendar like you discussed here: https://theeventscalendar.com/support/forums/topic/is-it-possible-to-force-mobile-calendar-view-anytime-in-pro-version/#post-900164 and explained here: https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/#responsivetemplates

I added the code in my functions.php, but it’s not working ;(
Is there any other way to set the breakpoint?

Thank you for your help!
Kind regards
Daniel

[Geoff]

Hi there, Daniel! Thanks for getting in touch and welcome to the forums. I hope you’ve been enjoying the PRO plugin so far. 🙂

Good question. Can you tell me a little more about what’s not working? Do you get an error when trying to add the snippet to your functions.php file? Do you simply see no change at all when adding the snippet? Or do you see a change, but it’s not the change you were expecting?

I do see that Week View is the default view on your site and want to note that the responsiveness is only applied to Month View. That could certainly explain why you wouldn’t see any changes when using those recommended solutions. There are no breakpoints for Week View, so those would need to come from your theme styles.

Cheers!
Geoff

[Stefanie-Nicole]

Hi Geoff!

Yes, it’s like you said there are no breakpoints for week view. I don’t get any errors – calendar is working fine.
But the thing is I need to display week view on mobile devices for our clients beacuse we have a weekly schedule.

Is there any chance to display what I need?

Thank you and kind regards
Daniel

[Geoff]

Hi Daniel, thanks for following up!

The Week View is actually responsive as well. On large screens, the full week grid is displayed. On smaller screens, the grid disappears and is replaced with a list of upcoming events for the week.

I see the the event export button is falling outside the site’s container in small screens, but everything else seems in tact. You can resolve the button issue by adding something like this to your site’s style.css file:

#tribe-events-content {
margin: 0;
}

I hope this helps!

Geoff

[Geoff]

Hey Daniel! This thread has been quiet for a while, so I’m going to go ahead and close it. Please feel free to start a new thread if you still have questions here and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts