filter bar in mobile view

[Rose Marley]

Hi,

I have purchased the filter bar addon and I am currently having issues with it on mobile view. The filter on mobile view, when expanded, covers the main content of the events page (see fig 1 and 2). I would like to edit this so that the content is still visible under the filter section when its expanded (so that the month ‘october’ moved down when the filter is selected). Is there some code I could input to move the content down once the filter is active?

Thanks,
Ihtezaz

[Brendan]

Hi Ihtezaz!

I can definetly help you with this. To make the filters not override the calendar but show above it, you can add the following CSS snippet to your theme (or child theme) stylesheet or via Simple Custom CSS plugin:

/* Tribe, prevent mobile filter bar from showing over content */
@media only screen and (max-width: 767px) {
.tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-vertical {
position: static;
}
}

Please give this a try and let me know if it works for you.

Best,
Brendan

[Rose Marley]

Hi Brendan,

That code worked like a charm!

Many Thanks,
Ihtezaz

[Brendan]

Hi Ihtezaz,

Great to hear it worked. I will go ahead and resolve this ticket.

Please let us know if you need anything else.

Thanks,
Brendan

[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