Collapsible filter not working on mobile landscape

  • Posts: 10
  • Thank you received: 0
  • Hikashop Business
5 days 21 hours ago #308583

-- HikaShop version -- : 4.1.0
-- Joomla version -- : 3.9.10
-- PHP version -- : 7.1.29
-- Browser(s) name and version -- : All
-- Error-message(debug-mod must be tuned on) -- : No error

Where can I configure from which width the collapsible filter must start to work? Now it's not working on a iPhone 6 in landscape view (and I want that!). In the module there are no settings for this, only no / mobile / always.

Thanks in advance

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

  • Posts: 66303
  • Thank you received: 9727
  • MODERATOR
5 days 10 hours ago #308584

Hi,

The width at which the filter area changes for mobile is done with CSS. If you want to change that value because your template/website structure, you need to add your our CSS.
By default you have this in HikaShop:

@media only screen and (max-width: 640px) {
	.hikashop_filter_collapsable_title_mobile {
		display: block;
	}
	.hikashop_filter_fieldset_mobile h3 {
		display: none;
	}
	div.hikashop_filter_collapsable_content_mobile {
		display: none;
	}
}
So in your own CSS, you would have to add something like that:
@media only screen and (min-width: 640px) and (max-width: XXXpx) {
	.hikashop_filter_collapsable_title_mobile {
		display: none;
	}
	.hikashop_filter_fieldset_mobile h3 {
		display: block;
	}
	div.hikashop_filter_collapsable_content_mobile {
		display: block;
	}
}
where XXX would be the value in pixel at which point you want the switch to happen.
This CSS should preferably be added to your template custom CSS, but you can also add it as a HikaShop CSS override:
www.hikashop.com/support/documentation/1...ize-the-display.html

The following user(s) said Thank You: RustyHika

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

Time to create page: 0.060 seconds
Powered by Kunena Forum