How do I stop the filter bar from hiding when I shrink my window's width?

[fifteen15studios]

I have the filter bar installed. It seems to work fine, but when i shrink my window below about 500px, it hides into the “SHOW FILTERS” box. I would always like my filters to be visible. In fact, if I could get rid of the option to hide them, that would be best. I just want to keep the filters from disappearing.

[Nico]

Hi there @fifteen15studios,

Thanks for reaching out on this, I’ll help you out getting this done. I must say this might not be a good idea as filters on mobile take over the screen, but I’ll leave that to you 🙂

To prevent the filters to collapse on resize just add this lines to your functions.php file:

function tribe_prevent_filters_collapse() { ?>
<script type="text/javascript">
jQuery(document).ready(function (){
jQuery(window).resize ( function ( event ){
jQuery('body').removeClass('tribe-filters-closed').addClass('tribe-filters-open');
});
jQuery(window).resize ();
});
</script>
<?php
}
add_action('wp_head', 'tribe_prevent_filters_collapse');


And to hide the ‘Collapse Filters’ button, add this CSS to your stylesheet:

#tribe_events_filters_toggle {
display: none;
}


Please let me know if the snippets get this done,
Best,
Nico

[fifteen15studios]

Thank you! That worked. 🙂

Yeah, it’s not going to take up the whole page. I’m going to disable it and make my own. 🙂

Thanks!
Brendan

[Nico]

That’s cool Brendan, glad to help you out on this!

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