Horizontal Filter

  • Hi,

    I’m trying to put my filters side by side but without luck.

    All I was able to do was to put them like you see on the image, do I need to create several filters and reduce the width so they can be side by side?

    Also, in case I only use one filter (size filter), I would like to center it, how do I do it?

    https://ibb.co/vZLXFSf
    https://ibb.co/qYf0N3b

Viewing 2 replies - 1 through 2 (of 2 total)

  • In the Design tab, change “Filter Block Width” value to 50% to get two blocks in a row, to 33% to get 3 blocks in a row, 25% to get 4 blocks in a row and so on ??

    And you can specify different values on desktop and mobile…

    Thread Starter sergiom87

    (@sergiom87)

    Hi, thanks now I got it.

    How do I center if I only have one filter?
    Aaaand, how do I add it to all woocommerce pages? I addded the shortcode to shop page but I just see it there. WHat’s the other way? I have to paste it into all the categories?

    Edit: On mobile im not getting the proper result. I put 50% o the block width and on tablet it looks good, however on mobile it looks like this: https://ibb.co/61gC0T9

    • This reply was modified 4 years, 1 month ago by sergiom87.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Horizontal Filter’ is closed to new replies.