Collaps filters on 900px screens

  • Posts: 421
  • Thank you received: 10
  • Hikaserial Subscription Hikashop Business
1 day 14 hours ago #366616

-- url of the page with the problem -- : denb.nl/printer-rouwkaarten
-- HikaShop version -- : 5.1.5
-- Joomla version -- : 5.2.5
-- PHP version -- : 8.1

Hello,

The filters are set for screens with a width below 800px to automatically collapsed. How/where can we set this to 900px?

Best Regards,
Michiel

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

  • Posts: 83590
  • Thank you received: 13528
  • MODERATOR
1 day 10 hours ago #366618

Hi,

This is controlled with this CSS code:

@media only screen and (max-width: 800px) {
	.hikashop_filter_collapsable_title_mobile {
		display: block;
	}
	.hikashop_filter_fieldset_mobile h3 {
		display: none;
	}
	div.hikashop_filter_collapsable_content_mobile {
		display: none;
	}
}
in the file media/com_hikashop/css/hikashop.css
So you can add such CSS code:
@media only screen and (max-width: 900px) {
	.hikashop_filter_collapsable_title_mobile {
		display: block !important;
	}
	.hikashop_filter_fieldset_mobile h3 {
		display: none !important;
	}
	div.hikashop_filter_collapsable_content_mobile {
		display: none !important;
	}
}
in your Joomla template CSS to override it.

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

Time to create page: 0.054 seconds
Powered by Kunena Forum