How setup the filter in main content to show in coloums

Anonymous

#140277

On my website I’m showing the search forms in the main content of the page, not the sidebar.

Having 4 forms with 5+ radio inputs each, i get a very long vertical list that is not visually nice to see.

I would like to show these forms in multiple coloums in order to obtain a more “compact”, orizontally developed search form.

It would be helpful to have some hints and guidance in order to perform this styling.

Thank you

Trevor

#140280

Are you able to send me a live link/URL to your search page so I can take a look?

I am not sure that columns will work, as they tend to break as screen widths get smaller.

Anonymous

#140368

This reply has been marked as private.

Trevor

#140414

Your CSS is minified and combined, so it si hard for me to experiment, but can you try adding this CSS:

.searchandfilter > ul > li {
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.searchandfilter > ul > li:last-child {
  margin-right: 0;
}
.search-filter-results {clear: both;}

You can also add a width if you wish after the float line.

Anonymous

#140439

It works!
Thanks a lot

[Author]

Posts