FIlter bar does not work on the iPhone

[jgperrin]

Good morning guys!
I need to know if the filter bar works on the iPhones?
I working on a site does not work in iPhone, it gives a bug. Open and close the filters in about one second.
Need helpppp please!!
Best regards

Daniela Tavares

[Geoff]

Hi there, Daniela! Thanks for getting in touch.:)

Yes, good question. The Filter Bar add-on is mobile-compatible. On small screens, a “Show Filters” button will appear that, when tapped, will expand the filter options and display another button to collapse the filters. Here is a screenshot of how that should work: http://cl.ly/Y0C3

I just checked the filters on your site and they seemed to be opening and closing pretty quickly. Is it the loading of the filters once selected that is taking a while? Is the phone on a poor connection that would affect the load? I’d be interested to know what bug you are getting when clicking on the filters so I can try to reproduce it myself. Please let me know if you are getting a specific error message.

Cheers!
Geoff

[jgperrin]

Well, that’s the bug.
I open the filters and in one second they close.
The connection it’s fine, i think the bug exists because it’s an iPhone.
On my smartphone, the filters appears but all out off their place, maybe another bug?

Best regards.

Daniela Tavares

[Geoff]

That’s definitely strange!  Could you try temporarily activating the default Twenty Thirteen theme, to see if the issue happens there as well?

If disabling the theme fixes it, that’s good news! It means we have narrowed the issue down to a theme conflict.

If the issue is still there when using the default Twenty Thirteen theme, then we can try testing for conflicts with other installed plugins. Using the Twenty Thirteen, please try deactivating all of your plugins, except for the ones from Modern Tribe. Does that solve the problem? If so, reactivate the plugins one at a time until the issue pops back up, then tell me which one was causing the issue.

These steps are also outlined here if you want some more details on how to test for conflicts.

Give those steps a shot and let me know what you find.

Cheers!
Geoff

[Geoff]

Hey there, just checking in to see if there’s been any further update or if you still need assistance on this one–let me know. 🙂

Cheers!
Geoff

[jgperrin]

Hello Geoff,
I tried to do what you said to me.
Well when i change the theme and clicked on the filter bar, it opened but appeared in the top of the page, out of space.
The only thing that change is that the filter bar remain open, what already happen when you try to use the filter bar but on a smarphone.
Any solutions?

Best regards.
Daniela Tavares

[Geoff]

Hi there, Daniela! Thanks for following up. 🙂

The best I can tell is that the styling in your theme is throwing off the positioning of the filter bar. By default, it is designed to sit on top of the calendar instead of the bottom, which you confirmed did happen when a default WordPress theme was activated. That also explains why the bar wants to move back up to the top when it is clicked using your current theme.

If you’d like to customize the Filter Bar styles to better match your specific theme, you can override the Filter Bar CSS file (wp-content/plugins/the-events-calendar-filterbar/resources/filter-view.css) by:

• <span style=”line-height: 13px;”>Adding this function to your theme’s functions.php file,</span>
• <span style=”line-height: 13px;”>Copy the default styles from filter-view.css into your tribe-events.css file. (See our Themer’s Guide for more on creating a CSS override.)</span>
• <span style=”line-height: 13px;”>Make your customizations to the Filter Bar styles in tribe-events.css
  </span>

Give that a shot and I hope that points you in the right direction.

Cheers!
Geoff

[jgperrin]

Hi Geoff!
Good news! The filter bar is now working and when i click remain opened and make the search right.
Bad news! The filters still appear in the top of the page and not under the search bar.
To resold this, is a question of css only or something more?
What do you think?

Best regards.
Daniela Tavares

[Geoff]

Awesome, I’m glad we knocked out the original issue! Thanks for letting me know and great work. 🙂

The layout issue could certainly be CSS-related. At the same time, I see you have a number of other plugins installed that could be affecting it as well. Once thing to try is deactivating all other non-Modern Tribe plugins. Then, if that fixes the issue, reactivate the plugins one at a time to see which one is causing the conflict.

It could very well be a conflict with the theme as well. Check out our guide on testing for conflicts to see if that helps get to the bottom of it.

Cheers!
Geoff

[jgperrin]

Hello Geoff,
I did what you said and it’s not a conflict with the theme, neither with the plugins.
It’s not a problem with the CSS too.
Any ideas?

Best regards.
Daniela Tavares

[Geoff]

Thanks for your cooperation so far! I know this stuff can be a frustrating and you’ve been a rock star so far. 🙂

Since I’ve been unable to replicate the issue myself, the next thing I would like to try here is creating a fresh test site–this will avoid any disruption to your live site and ensure that we’ve effectively got a “clean canvas” to work with.

• Please install a fresh copy of WordPress in a subdirectory (if you have a CPanel-type hosting account there will probably be a one-click install script to make this really easy)
• Don’t install anything except The Events Calendar and Events Calendar PRO [edit list of plugins to suit]
• Please also stick to a default theme – again, there’s no need to install anything else just yet!
• Create a few events so we have some test data to work with
• Can you replicate the same problem?

If you find you can replicate the problem under these conditions it would be awesome if you could stop and let us know so we can take a look while the site is still running under default conditions.

Thanks for your help!
Geoff

[jgperrin]

Hello Geoff,
I’m using a dev for this tests not the site in production.
I did all that you told me in the dev site.
http://v2s2d.lebonloisir.com/

I hope this can help.

Best regards.
Daniela Tavares

[Geoff]

Thanks, Daniela! Are you able to follow the steps I provided to create a fresh install in a new directory of that site with nothing but the WordPress default theme and Modern Tribe plugins installed? I want to see if we can replicate the issue on a clean slate.

Thanks!
Geoff

[jgperrin]

Hello Geoff,
Here you have one clean dev, it’s has the default theme and your plugins.
http://v2s3d.lebonloisir.com/evenements/
Hope you resolve it.

Best regards,
Daniela Tavares

[Geoff]

Thanks Daniela! I really appreciate you setting that up!

Where is the advertisement coming from? That seems to be hijacking the layout. Are you able to disable it so we can test the filters without the ad?

Cheers!
Geoff

[Author]

Posts