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

Viewing 10 posts - 1 through 10 (of 26 total)
1 2 3
  • Anonymous
    (Private)  August 28, 2020 at 5:43 pm #257717

    Hello There,

    I wanted to know how to display filter form horizontally instead of vertically ?
    https://prnt.sc/u7lzh0

    Regards.

    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.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 26 total)
1 2 3