Forums › Forums › Search & Filter Pro › Displaying filter options horizontally

Viewing 2 posts - 1 through 2 (of 2 total)
  • Anonymous
    (Private)  December 3, 2020 at 6:35 am #268576

    Hello,

    How can I display the filter options horizontally?

    Depending on categories, the filter options can take significant space on a page and I would like to display it horizontally on the top of a page on some pages. However, I don’t see an option to do that. Please help.

    Thank you!

    Best regards,
    Natalia

    Trevor
    (Private)  December 3, 2020 at 11:03 am #268610

    You would need to create your own CSS for the form, using CSS media queries to make the CSS responsive. For example, you can wrap your CSS for the desktop display (horizontal) so it does not affect the mobile view, but you need to discover the responsive breakpoint of your theme (change the 992px to suit). For example, like this:

    @media (min-width: 992px) {
  .searchandfilter[data-sf-form-id="1234"] {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
  }
}

    Where 1234 needs to be changed to match your form ID.

    For more custom CSS examples, there are many snippets in the forum:

    https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)