Disabling the Hide Option

[fifteen15studios]

I started a topic before about disabling the hiding option. I thought it worked, but it didn’t entirely.

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

What I’m doing is reusing the <form> tag which controls the filters. This works, but on a mobile device, my list still wants to shrink. Your idea seems to work fine until I click an option, and it hides itself. I want to completely disable the hide and show feature so that it is always showing and the functionality to keep it hidden cannot be activated.

If you click the little icon in the upper right, you’ll see the list of options. This was created with your filter <form> tag. On a mobile, if you click an option, the list disappears and I’m left with a “show” button, which doesn’t work.

Thanks,
Brendan

[Josh]

Hey Brendan,

Thanks for reaching out to us!

Would you mind linking to a page that shows the filter issue that you’re describing so I can see what specifically may need to be changed to get the action you’re wanting.

Thanks!

[fifteen15studios]

Sure! It’s the page I listed in the request, which we can’t see because it’s private. Are you able to see the URL? If I need to provide it, I will, but I’d rather keep all referred URLs private if I can. Anyway, if you go to the main page, I made a dropdown list which you can see if you click the upper left icon (which looks like a magnifying glass). Doing so will open a list which uses the form tag your code provided. It works great, except if I do it on a mobile, the form disappears after I select an option. It hides itself.

Another problem I found with the code your team provided before to hide the expand/collapse button is that it disables the ability to scroll if on a mobile or minimized window. As soon as the other CSS takes over, I can’t scroll. 🙂 This only occurs when I have that code in my site. If not, the scrolling runs fine.

I think what’s going on is the expand/collapse function does something different when in mobile mode, and I would like to turn that off in full if I can.

Thanks!
Brendan

[Josh]

Hey Brendan,

Thanks for following up. I see it now, the controls trigger is in the upper left corner.

The best approach may be to remove the javascript from the previous thread and create the layout you would like just within the CSS.

The key here is that the class is getting changed on the body and the css styled based on that class. What you could do is change the “.tribe-filters-closed” and have all those specific elements styled the same as the open version.

Let me know if this helps.

Thanks!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts