[Skip to main content](#vessel-content)

#   How to make filters responsive

##

- **[omkar123](/forum/user/38042-omkar123 "View omkar123's Profile")**
- [![omkar123's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/38042-omkar123 "View omkar123's Profile") Topic Author
- [ Offline](/forum/user/38042-omkar123)

Less More

- Posts: 37
- Thank you received: 0
-
-

10 years 7 months ago [\#233092](#233092) by [omkar123](/forum/user/38042-omkar123 "View omkar123's Profile")  *[How to make filters responsive](/forum/45-filters-search/883031-how-to-make-filters-responsive#233092 "-- HikaShop version -- : 2.6.1  I am running on hikashop business and joomla 3.4 template. I managed to make no of products in a row to change according to screen size but the filters overlap each others field. How do I make filters responsive So that they look good on mobiles")* was created by *[omkar123](/forum/user/38042-omkar123 "View omkar123's Profile")*

-- HikaShop version -- : 2.6.1

I am running on hikashop business and joomla 3.4 template. I managed to make no of products in a row to change according to screen size but the filters overlap each others field. How do I make filters responsive So that they look good on mobiles

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQ1LWZpbHRlcnMtc2VhcmNoLzg4MzAzMS1ob3ctdG8tbWFrZS1maWx0ZXJzLXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86541
- Thank you received: 14304
-
-

10 years 7 months ago [\#233096](#233096) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to make filters responsive](/forum/45-filters-search/883031-how-to-make-filters-responsive#233096 "-- HikaShop version -- : 2.6.1  I am running on hikashop business and joomla 3.4 template. I managed to make no of products in a row to change according to screen size but the filters overlap each others field. How do I make filters responsive So that they look good on mobiles")*

Hi,

It depends on how you configured them. Please provide a link to the page so that we can analyze the situation.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQ1LWZpbHRlcnMtc2VhcmNoLzg4MzAzMS1ob3ctdG8tbWFrZS1maWx0ZXJzLXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[omkar123](/forum/user/38042-omkar123 "View omkar123's Profile")**
- [![omkar123's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/38042-omkar123 "View omkar123's Profile") Topic Author
- [ Offline](/forum/user/38042-omkar123)

Less More

- Posts: 37
- Thank you received: 0
-
-

10 years 7 months ago [\#233663](#233663) by [omkar123](/forum/user/38042-omkar123 "View omkar123's Profile")  Replied by *[omkar123](/forum/user/38042-omkar123 "View omkar123's Profile")* on topic *[How to make filters responsive](/forum/45-filters-search/883031-how-to-make-filters-responsive#233663 "-- HikaShop version -- : 2.6.1  I am running on hikashop business and joomla 3.4 template. I managed to make no of products in a row to change according to screen size but the filters overlap each others field. How do I make filters responsive So that they look good on mobiles")*

Here is the URL [ www.sheenmobility.co.uk/our-products/cat...d,-surrey,-london-sw](https://www.sheenmobility.co.uk/our-products/category/20-compact-mobility-scooters-buy-hire-battery-service-east-sheen,-putney,-chiswick,-kingston,-richmond,-surrey,-london-sw)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQ1LWZpbHRlcnMtc2VhcmNoLzg4MzAzMS1ob3ctdG8tbWFrZS1maWx0ZXJzLXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86541
- Thank you received: 14304
-
-

10 years 7 months ago [\#233713](#233713) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to make filters responsive](/forum/45-filters-search/883031-how-to-make-filters-responsive#233713 "-- HikaShop version -- : 2.6.1  I am running on hikashop business and joomla 3.4 template. I managed to make no of products in a row to change according to screen size but the filters overlap each others field. How do I make filters responsive So that they look good on mobiles")*

Hi,

I see the issue. Change the CSS:
\#hikashop_filter_main {
width: 100% !important;
}
to:
.hikashop_filter_main {
width: 100% !important;
}
in the frontend CSS file of HikaShop and that will make them switch to one column automatically on small screen devices.

The following user(s) said Thank You: [omkar123](/forum/user/38042-omkar123 "View omkar123's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQ1LWZpbHRlcnMtc2VhcmNoLzg4MzAzMS1ob3ctdG8tbWFrZS1maWx0ZXJzLXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.052 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
