Mobile view

[theeventers]

Is it possible to keep the filter bar open on mobile view?

[Geoff B.]

Good afternoon Alexandra and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

The short answer is yes.

For the record, the choice to keep the filter bar closed on mobile is intentional.
This typically makes for a better user experience on mobile.

If you want to force the open state on mobile, you can:

1. Make a customization in your theme’s functions.php file regarding the behaviour of tribe_events_filters_show_filters on mobile.You can read about that here: https://theeventscalendar.com/customizations/If coding is not really your cup of tea, you could always hire one of our recommended customizers to do the customization for you.
2. Use CSS to “fake it”. Make sure that CSS is specific to mobile using @media CSS rules that target screens 767px and below.A good starting point is https://theeventscalendar.com/support/forums/topic/force-always-active-filter-bar/ if you want to hide the toggle.

   Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

   .tribe-events-filters-vertical .tribe-events-filters-content {
height: 300px !important;
clear: both !important;
display: block !important;
}

   You might have to edit the height to match your filter bar’s height and have several heights depending on the different screen sizes.

Let me know how that goes.

Best regards,
Geoff B.

[theeventers]

Thank you for your help!

[Geoff B.]

Good evening Alexandra,

I am glad this was helpful in getting you started.

Let me know if you have any other question on this topic.

Have a good weekend,

Geoff B.

[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