Title: Horizontal Filter
Last modified: October 15, 2020

---

# Horizontal Filter

 *  [sergiom87](https://wordpress.org/support/users/sergiom87/)
 * (@sergiom87)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/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/vZLXFSf)
    [https://ibb.co/qYf0N3b](https://ibb.co/qYf0N3b)

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

 *  [madmax4ever](https://wordpress.org/support/users/madmax4ever/)
 * (@madmax4ever)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/horizontal-filter/#post-13539884)
 * 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](https://wordpress.org/support/users/sergiom87/)
 * (@sergiom87)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/horizontal-filter/#post-13543950)
 * 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](https://ibb.co/61gC0T9)
    -  This reply was modified 5 years, 7 months ago by [sergiom87](https://wordpress.org/support/users/sergiom87/).

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

The topic ‘Horizontal Filter’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/woo-product-filter_a0a6df.svg)
 * [Product Filter for WooCommerce by WBW](https://wordpress.org/plugins/woo-product-filter/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woo-product-filter/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woo-product-filter/)
 * [Active Topics](https://wordpress.org/support/plugin/woo-product-filter/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woo-product-filter/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woo-product-filter/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [sergiom87](https://wordpress.org/support/users/sergiom87/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/horizontal-filter/#post-13543950)
 * Status: not resolved