Forums › Forums › Search & Filter Pro › Create horizontal list of checkboxes

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (Private)  June 12, 2020 at 4:20 pm #248654

    Hi, I would like my filters and checkboxes to be horizontal across the page.
    I have tried the following css:
    .searchandfilter > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    }

    This moves the filters side by side however the checkboxes are still vertical.
    I would like the checkboxes to be horizontal (next to each other).
    This is my page:
    https://www.redelephantreps.com/hotels-portfolio-test/

    Also, the page ‘jumps’ slightly when using the filter. Is there a way to stop this?

    Many thanks
    Mary

    Trevor
    (Private)  June 15, 2020 at 11:17 am #248735

    Could you try something like this:

    .searchandfilter > ul > li > ul > li {
  display: inline-block;
  margin-right: 15px;
}
    Anonymous
    (Private)  June 15, 2020 at 11:24 am #248740

    Thank you, the code has worked and the filters are now across the page!

    However the page jumps and moves down when I use the filter:
    https://www.redelephantreps.com/hotels-portfolio-test/

    Do you know how to stop that happening.

    Thanks in advance,
    Mary

    Trevor
    (Private)  June 15, 2020 at 11:39 am #248754

    It may be this setting:

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

    Try changing what you have there?

    Anonymous
    (Private)  June 15, 2020 at 11:44 am #248759

    Yes that has worked, it’s not jumping now.
    Thank you so much – I really appreciate your help.

    Trevor
    (Private)  June 15, 2020 at 12:09 pm #248778

    Thanks for letting me know. I will close this thread for now.

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