Filter not working on mobile

[Erin Muck]

We noticed that the “Narrow your results” filter doesn’t appear to work properly on a mobile device (in this case iPhone 6).

You can choose a filter, but when you click DONE, there is no further action… no results display.

[Nico]

Hi Erin,

Thanks for reaching out to us on this!

Can you please follow-up with the site link where I can see this in action? Do you get the same result if you resize the browser window until ‘the mobile breakpoint’?

Please let me know about it so I can take a look,
Best,
Nico

[Erin Muck]

Hi Nico,

I’m so sorry! Of course, here it is: http://laclinicahealth.org/calendar/

[Nico]

Thanks for following up Erin!

I just checked your site on my mobile device (android) and simulating the breakpoint in the browser and I get the same result: the menu (blue bar) in your theme is overriding the submit button for filter so you can’t actually submit the filters.

Try adding this CSS code to your theme (or child theme) styleshhet or via Simple Custom CSS plugin:


#tribe_events_filters_wrapper {
z-index: 1001!important;
}


Please let me know if it works for you,
Best,
Nico

[Erin Muck]

That worked! Thanks so much!

[Nico]

Stocked to hear Erin 🙂

I’ll go ahead and close out this thread, but if you need help with anything else please don’t hesitate to create a new one and we will be happy to assist you.

Best,
Nico

[Author]

Posts