I need to the "tribe-bar-collapse-toggle" to be collapsed on page load.

[ezbizmobile]

Is it possible to set the default state of the “.tribe-bar-collapse #tribe-bar-collapse-toggle.tribe-bar-collapse-toggle-full-width” to be collapsed in responsive mode? Right now it is open by default, and it takes up way too much screen space on mobile devices. It is fairly obvious that there is a toggle/dropdown, so I would like to make this collapsed when the page loads. Thanks in advance.

[Josh]

Hey!

Thanks for reaching out to us.

There is a setting within the Events Settings > filters tab within your WordPress dashboard that allows you to set the default status of the filter toggle. You can see that setting here at the bottom of that settings page (https://cloudup.com/cGsgf_UcqdG).

Let me know if this helps.

Thanks!

[ezbizmobile]

Thanks for replying. I am not finding a filters tab. All I have on my Settings page is:

General | Display | Default Content | Additional Fields | Licenses | Help

I have looked through all of those tabs, and do not see the “Filters Default State” setting anywhere.
Am I missing something?

[Josh]

Hey,

I apologize. I thought you were referencing another filter section that is available with another add-on that we offer. It looks like you’re talking about the main tribe bar https://cloudup.com/cPEhUzSxMc9.

Looking at your site I’m noticing some strange behavior with js and this section on mobile. By default this should be collapsed as you would like. Looking at the markup on your site, the trigger is assumed to be closed however the content (the Events From and Search fields) has the “display:block” style on it rather than the “display:none” that it should based on the way the js is supposed to work for that section. You can see its broken due to the incorrect direction of the arrow when clicking (https://cloudup.com/cc-w7ergOFd).

As an initial step, have you tried following the Testing for Conflicts procedures to ensure this isn’t something being added/modified by your current theme or if there is a conflict with the theme or another plugin being used on the site?

Let me know if this helps.

Thanks!

[ezbizmobile]

Hi Josh,

Thank You! I ended up adding “.tribe-bar-filters: display:none;” to the responsive media queries. That did the trick. I thought it was in the js, but your comment made me realize it could probably be fixed with css.

Thanks again!

[Josh]

Hey,

Thanks for following up with us! I’m glad you were able to get this worked out for your site.

I’ll go ahead and close this ticket for now. If you have any further questions, please don’t hesitate to open a new one.

Thanks!

[Author]

Posts