Filter bar toggle conflict with Genesis on mobile view

[Evan]

I’m getting a conflict with your filter bar toggle on mobile view (767px and smaller) with the Genesis theme framework.

When I click the toggle button to “Show Filters,” the filters will flash for about half a second, and then immediately disappear.

I’ve deactivated all plugins except for Event Calendar Related plugins to check for a conflict but the problem persisted. I’ve also switched from my custom child theme to the parent Genesis theme and the problem persisted. For what it’s worth, my site running the custom Genesis child theme (and Genesis parent theme) was reporting no JS errors.

However when I reverted to the TwentyTwelve theme the problem went away.

Any guidance in troubleshooting this issue would be greatly appreciated. Thank you!

[Brian]

Hi,

Thanks for using our plugins.

I can try to help out here.

I have run across this conflict with Genesis before and have yet to find a cause of it.

I did not some digging today and it appears in Genesis when opening the filter it triggers a resize event, which then reload the Mobile Mini Calendar and closes the Filter Bar.

I am looking into see if there is something we can change or provide a snippet for to prevent this.

Let me know if you find anything on your end.

Thanks

[Erin]

I just installed the filter bar add-on and I too am having this problem and I am using a totally different wp theme, so I’m guessing it is not a theme related problem. The filter bar works fine in every size, except mobile view. When set for horizontal view and I click to open the filter bar is flashes and disappears and cuts off other html above it, leaving white space. If it is set for vertical view, then it opens and is partially visible, but only the last part, the rest appears to be cut off by the header and nav bar and is inaccessible, and again it covers the html I have above the calendar. Filter bar was the main reason I upgraded to The Events Calendar Pro (which is awesome by the way) instead of going with a different calendar plugin. Please Help!

Please help!

[Erin]

Okay, so for the sake of making sure it isn’t my theme, I did deactivate all additional plugins and reverted to the twenty fifteen theme. The plugins didn’t change anything, but the filter bar is visible on the twenty fifteen theme. However, it still covers up the header, nav bar, and html above the calendar when it opens, which is frustrating because I would prefer to have it set to be open when people go to the calendar.

[Brian]

Hi Erin,

Thanks for posting here. I can certainly help you here, but we can help you better if you create your own topic in the forum where we interact with you one on one. Also, we encourage you to post on your own topic because every time we post we email the author of the topic.

Having said, what theme are you using?

And unfortunately, that is how the filter Bar Works in mobile view it overlays like that. It might be able to be modified, but would take a customization.

So if you can let me know what you find out in a new topic we can help you there, but if you like you can still post what you find here.

Thanks

[Brian]

Hi,

I was able to narrow this down and it comes from css that gets added to the body when the filter bar opens.

That css causes the site to increase in size, which triggers a resize function, which closes the filter bar.

I tested out this css and it stopped this issue for me.

.tribe-filters-open, .tribe-filters-open body {
overflow: visible!important;
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Leah]

Hi there,

We wanted to check in here and update you on our progress. Although we weren’t able to address your issue in our upcoming release (3.11) we do still have it on our radar. Thank you for your patience while we continue working on a fix for the problem you reported. We will do our best to keep you posted when we have a solution in place. In the meantime, if you need help or find that the issue you reported here is no longer a problem, please feel free to start another thread.

Thanks again for your patience and understanding!

Cheers,
Leah
and the rest of The Events Calendar team

[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.

[Leah]

Hi there,

I wanted to report back to you on the status of this issue. Your report is tracked in our internal system and a fix is on our to-do list, but we were not able to fit it into our upcoming 3.12 release. Please know that the issue is still very much on our radar and we will be working on it for a future release. We appreciate your patience while we work to improve our plugins. Thank you for using The Events Calendar!

Best,
Leah
and The Events Calendar team

[Geoff]

Hey there,

Just jumping in to let you now that the patch for this issue is included in 4.0.1 and it just released today. Keep your eyes open for the update and please do let us know if any other issues pop up and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts