How to make filters responsive

  • Posts: 37
  • Thank you received: 0
8 years 8 months ago #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

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
8 years 8 months ago #233096

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 or Create an account to join the conversation.

  • Posts: 37
  • Thank you received: 0
8 years 8 months ago #233663

Here is the URL www.sheenmobility.co.uk/our-products/cat...d,-surrey,-london-sw

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
8 years 8 months ago #233713

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

Please Log in or Create an account to join the conversation.

Time to create page: 0.042 seconds
Powered by Kunena Forum