Filter collapse, tribe-bar-collapse and eventsBarWidth

[Saraliina]

Hello,

I am adding Events Calendar on a pre-existing theme and have installed:

Events Calendar
Events Calendar Pro
Events Calendar Community

Theme uses sidebar and the content area has max-width of ~700px. Making content area wider would create all kinds of unpleasantries and i would prefer to not do that.

Is it possible to alter the function eventsBarWidth in tribe-events-bar.js? More specificly i would like to change:

if ( tribeBarWidth < 728 ) { $tribebar.removeClass( 'tribe-bar-mini' ).addClass( 'tribe-bar-collapse' );

to:

if ( tribeBarWidth < 698 ) { $tribebar.removeClass( 'tribe-bar-mini' ).addClass( 'tribe-bar-collapse' );

[Trisha]

Hi Saraliina!

Thank you for your patience and so sorry for the delay on our end! We are slowly ramping back up after our annual team retreat last week.

I think I may have a solution for you but I need to code it up. That’s going to take bit of extra time so I wanted to let you know you’re very much valued and not forgotten 🙂

I will reply back to this thread with a solution for you asap!

Cheers,
Trisha

[Trisha]

Hi Saraliina!

I did some research and found a couple of functions that you can use to change (or remove) the responsive breakpoint.

You can find that information in this guide https://theeventscalendar.com/knowledgebase/themers-guide/. Scroll down to the section entitled ‘Responsive Templates’.

I hope this helps! Let me know how it goes 🙂

Cheers,
Trisha

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts