force responsive

[david]

hello

I would like to have my calendar appear as the responsive calendar all the time.

looking over the mod files I have added the following to the functions.php file

function customize_tribe_events_breakpoint() {
  return 2000;
}
add_filter( 'tribe_events_mobile_breakpoint', 'customize_tribe_events_breakpoint' );

and it does work (sort of) see page http://kidsmagicworld.com.au/events/ it is displaying the smaller responsive calendar however none of the events are clickable- so is there another way to force the responsiveness on any screen size and have the calendar work

I am using woothemes canvas as the sites theme

[George]

Hey @david,

Thanks for reaching out. Just to be clear, if you remove this code from your theme’s functions.php file, are all of the events fully “clickable” in both the wide-screen view and the smaller mobile view (which uses dots instead of the actual event titles)?

Try removing this code from you theme’s functions.php file, and then leave your site in this state, with that code removed. I will take a closer look at things and see what I can find.

Thank you!
George

[david]

ok i have removed the code from functions.php so it is “as normal” there must be some code somewhere telling it to convert to the mobile version depending on the size of the browser

[david]

I found the following by going into cpanel
on this page wp-content/plugins/events-calendar-pro/src/resources/css/tribe-events-pro-full-mobile.css

* (Some of these styles may override your current theme’s styles)
*
* Default Breakpoint: 768px
*
* This breakpoint can be customized using the ‘tribe_events_mobile_breakpoint’ filter,
* or the responsive nature of the plugins can be removed by using the ‘tribe_events_kill_responsive’ filter.
*
* To add your own custom styles, create a stylesheet with the name
* tribe-events.css in the tribe-events/pro/ directory of your theme.
* Your new stylesheet will be loaded after our own stylesheet.
*
* To replace our stylsheet altogether, you can use the ‘tribe_events_stylesheet_url’ filter.
*

I don’t know what it means but I have a feeling it would allow me to edit the breakpoint, but it would be nice to find the file that says 768px and change this to say 2000

[david]

found the right file wp-content/plugins/the-events-calendar/src/functions/template-tags/general.php

and scroll down change 768 to 2400 and it does convert the calendar to mobile but same problem- dates are not clickable- see this page as well https://theeventscalendar.com/function/tribe_get_mobile_breakpoint/

very annoying that it does not work- it is a deal breaker for me the full calendar looks dreadful and unusable for my needs so any help you can provide would be great- otherwise it’s time to look for a new calendar

[George]

Hey David,

Changing the mobile breakpoint works fine in terms of getting the “Mobile View” to display instead of the “full view”.

However, the issue is just the when you set up the Mobile View, the events are not clickable.

1. Is this an accurate summary of the issues? If not, please clarify what the specific problem is, exactly.

2. When you removed the code from your theme’s functions.php file that alters the breakpoint, did the events become clickable again when you downsized your browser to view the “default” Mobile View”? Or are events NOT clickable in the Mobile View even when you have no custom code whatsoever?

Please address questions #1 and #2 in the order they appear and simply – I know that this sort of support process can be tedious at times, but changing the mobile breakpoint works fine for me, so I am just trying to isolate the source of the problem on your site for now.

We can address other comments and concerns in due time, but for now let me know what you think about these two specific questions. I’ll do some more investigation based on your responses and go from there.

Thank you,
George

[david]

alrighty

yes you are correct. however there are a few extra things to know

I have re-added the code to the functions.php file you can see the result here: http://www.kidsmagicworld.com.au/events/ and it displays the calendar in mobile view but dates are not clickable (unless you shrink the screen down to the size of a mobile- weird I know)

I have added the calendar via an iframe to a page see here http://www.kidsmagicworld.com.au/new-prices/ and click the 2nd option at the top to view the calendar- this shows in mobile view and is clickable.

but what I need is for the /events/ page to be a mobile calendar and to be clickable all the time on any device

I

[George]

Thanks for your patience with all of this, @david – I have used all of the information here to test thoroughly and can unfortunately confirm that there IS a bug here within The Events Calendar.

I’m sorry to bear that news! The “good” news [relatively] is that I’ve made a bug ticket for this issue and so in the coming releases we can patch this up. I do not have an ETA on when such a fix would arrive, unfortunately, but the bug is now known and logged in our system and we try to put out maintenance releases to fix bugs roughly every month or so.

Thank you for reporting this bug to us. I’m sorry that we don’t have an immediate fix for this but we’re working hard on some releases to kick off 2016 well, and so hopefully this and a number of other bugs are patched up before Winter even starts becoming Spring.

Sincerely,
George

[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