Hi Team,
I recently launched a new vertical on my client’s Answers Experience - and they have facet filters that currently display as collapsed due to the width of their website. (See screenshot below - white labeled for client’s privacy)
Right now I’ve set the Answers container width to 80% to 1) minimize the width of the product images, but also hoping that it would be just small enough to allow Facets to appear on the side, but no luck thus far. Is there a clean way to do this?
Best,
Luc
Hi Luc! Does changing $container width here
to something smaller help?
Hey Oliver,
I worked with Alyssa and updated both the theme/UI + the $container-width from 1000px to 860px (it seemed that at 870 the facet filters would then enter the collapsed state)
Do you know a smart way to test out width on a production page via inspect?
(Just because you can see the search bar is still a bit narrow…)
It looks like $container-width is used for calculating --hh-answers-container-width and also the breakpoints for collapsible filters. You can try manually setting --hh-answers-container-width inside the inspector like the below
It’s more annoying for the breakpoints, but I think for prototyping something the most important one is the one on Answers-resultsHeader.
