Forums › Forums › Search & Filter Pro › Horizontal filter (again)
- This topic has 15 replies, 2 voices, and was last updated 5 years, 11 months ago by
Anonymous.
-
Trevor(Private) October 8, 2019 at 4:28 pm #223152
You can do it like this using CSS columns (with media query to make it apply only to desktop, as single column is better for mobile:
https://www.screencast.com/t/3N0LPOtP6qvr
@media screen and (min-width: 601px) { #search-filter-form-1490 .sf-field-taxonomy-portfolio_categories > ul { columns: 3; } }
Or like this:
https://www.screencast.com/t/aCALC0MKtp
With this custom CSS:
@media screen and (min-width: 601px) { #search-filter-form-1490 .sf-field-taxonomy-portfolio_categories > ul > li { float: left } #search-filter-form-1490 .sf-field-taxonomy-portfolio_categories > ul > li.sf-item-43, #search-filter-form-1490 .sf-field-taxonomy-portfolio_categories > ul > li.sf-item-47 { clear: left } }
Trevor(Private) October 8, 2019 at 4:51 pm #223170They look in those orders due to the order they appear in the HTML. I am unsure if there is any sort order, but to manually reorder taxonomy terms is not possible, except by using PHP coding and one of our filters:
https://searchandfilter.com/documentation/action-filter-reference/#filter-input-object
If you are good at coding, you could do that. Otherwise, the two choices presented are what is currently possible.
Anonymous(Private) October 8, 2019 at 5:00 pm #223176THanks for your reply. I don’t want to reorder the categories. I have the first version ‘activated’, but what I like about the second version, is that every row ‘contains’ a certain type of category. The first row is age, second row is gender and third row is special needs etc.
What I was wondering is, if that is possible within columns (like the first option you gave)?
If I would decide to use the second version, how can I place a category in a certain row? Because we may delete categories of add ones…
I’m sorry for asking all these questions. I’m already very happy that we have the columns now!!! So, your help is really appreciated!
-
AuthorPosts