Forums › Forums › Search & Filter Pro › How to display filter form horizontally

Viewing 10 posts - 1 through 10 (of 25 total)
1 2 3
  • Anonymous
    (Private)  August 28, 2020 at 5:51 pm #257720
    This reply has been marked as private.
    Anonymous
    (Private)  August 28, 2020 at 8:38 pm #257734
    This reply has been marked as private.
    Trevor
    (Private)  August 28, 2020 at 8:39 pm #257735

    You have the menu inside a vertical sidebar, it cannot be horizontal in there, there is not enough space/width. You would need to remove the sidebar and place the form above the results in the main content area of your page.

    Anonymous
    (Private)  August 28, 2020 at 8:56 pm #257745
    This reply has been marked as private.
    Trevor
    (Private)  August 28, 2020 at 9:07 pm #257747

    Hi

    Your theme is using JavaScript to adding a lot of extra HTML inside the form, see these parts, which are not placed by our plugin:

    https://www.screencast.com/t/NG4g7Kgk

    Try changing the CSS you used to this:

    .searchandfilter > ul {
  display: flex;
  margin-right: 10px;
}

    It will get you closer. Please note that it is late here in the UK (gone 5PM) and we are closed now for the weekend.

    Anonymous
    (Private)  August 31, 2020 at 3:00 am #257796
    This reply has been marked as private.
    Anonymous
    (Private)  August 31, 2020 at 6:21 pm #257867
    This reply has been marked as private.
    Trevor
    (Private)  August 31, 2020 at 6:23 pm #257871
    This reply has been marked as private.
    Anonymous
    (Private)  August 31, 2020 at 9:58 pm #257881
    This reply has been marked as private.
    Trevor
    (Private)  September 1, 2020 at 10:50 am #257927

    I apologise for the delay in replying, caused by the weekend and yesterday (Monday) was a national holiday in England. I am now working my way through the backlog of tickets.

    You would need to add this CSS:

    .searchandfilter > ul {
  display: table;
}
.searchandfilter > ul > li {
  float: left;
}
.searchandfilter ul li.sf-field-submit {
  clear: both;
}
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 25 total)
1 2 3