Filter Bar Covers Nav Bar and Header on Mobile View or not visible at all

[Erin]

You asked me to create a new thread, so this is it.

I am using x theme.

You mentioned in your reply that overlaying the header in nav bar is how the filter bar was designed to work. Why would it be designed that way? It doesn’t make sense to have the filter bar (or anything else for that matter) cover the main navigation for the website in any situation!?! Or the Header!?! And why on earth would you give the option of defaulting to “open” if it is going to cover up these things on mobile?

Please give me some insight into how to fix this. It is likely that most of my traffic is going to be on mobile (as is 80% of internet traffic) and the calendar is the whole reason I have this website.

[Erin]

Also playing around with the filter bar… the cost filter is not functioning at all. You can’t move it over, its stuck at zero, and its not filtering results based on that even. There are several events on the list that cost money and are still showing.

[Erin]

This reply is private.

[George]

Hi Erin,

Can you share the link to the original thread you are referring to? It sounds like there may be a miscommunication here, since the Filter Bar navigation is not designed to show up hidden under the site navigation at all.

The problem is your theme, in this regard – I checked out http://todayinspokane.com/events/ and, for some reason, the mobile header of your theme itself is not clearing content underneath it. This means that when the Filter Bar filters are clicked to be shown, they pop up under the header.

This is a theme issue – that means that technically, it’s not something we’re able to offer support for… However, I’ve been looking at your site a bit to try and come up with some custom CSS that will improve this functionality 🙂 I don’t have any right now, it’s a tricky problem to solve, but I will post as soon as I have something.

Now, separate from this issue entirely is the issue of the Cost filter not working.

Does this issue still persist for you?

Thank you!
George

[George]

Hey Erin,

I think I’ve found some CSS that will help – try adding some CSS like the following to the very bottom of your theme’s style.css file:


.tribe-events-filters-vertical {
position: relative !important;
}


Let me know if this helps at all!

Cheers,
George

[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

[Erin]

Thank you so much for your help this solved my problem. I was fully ready to find a new theme to work with because this calendar is just that good and I know that you guys aren’t under any obligation to help with theme conflicts. However, the CSS you provided worked perfectly. For other having the same problem with x-theme conflicting with the filter bar:
Adding the above CSS to the CSS spot at the bottom of the x-theme customizer did not work, adding it to the style.css did not work either, but the Simple Custom CSS plugin did work.

Thank you again, the support is wonderful.

[George]

Wow, thanks for the kind words about both our plugin itself, and our support. Means a lot 🙂

I’m glad things were able to work out here, theme/plugin-conflicts can indeed be quite frustrating so your patience while we worked through the bugs is much appreciated 🙂

Thanks!
George

[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

[George]

🙂

[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