Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Align filters in same row

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Savvas Zinonos
    (Private)  November 30, 2020 at 3:30 pm #268214

    Hi i would like to align the filters in the same row in my site: https://tyrescy.xyz/
    but i can’t figure out the css. Any help is much appreciated.

    Thanks

    Trevor Moderator
    (Private)  November 30, 2020 at 4:39 pm #268260

    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. For example, like this:

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

    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)

The forum ‘Search & Filter Pro’ is closed to new topics and replies.