Filter bar formatting on mobile not working

[Hugh Gower]

After some recent update, not sure when this started, the formatting for the mobile view filters is messed up, it overlays the calendar and doesn’t collapse appropriately.

Can someone please look at this and provide an idea for a fix? This is not a theme conflict as we haven’t changed the theme and this was working previously.

http://mankato.discoverfamilyfun.com/calendar/

[Andras]

Hello Hugh,

Thanks for reaching out to us! I’m sorry this is happening with the filter bar on mobile devices.

I have checked with several default themes (twentyten, twentyfourteen, twentyfifteen, twentysixteen) and some non-default ones as well (Divi, Avada) and so far I haven’t been able to reproduce your issue.

To work around this, you can paste the following snippet into your theme’s style.css file:
.tribe-filters-closed #tribe-events-content {
background-color: #ffffff;
z-index: 1;
}
@media screen and (max-width: 768px) {
.tribe-filters-closed #tribe-events-content {
margin-top: 105px;
}
}
Check and let me know if that fixes it for you.

Cheers,
Andras

[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