Question about filter width on responsive website

Trevor

#245429

It took quite a while to make, but try this custom CSS:

.searchandfilter[data-sf-form-id="1628"] ul {
  margin-left: 0;
}
.searchandfilter[data-sf-form-id="1628"] > ul {
  padding: 0 10px;
  width: 100%;
}
.searchandfilter[data-sf-form-id="1628"] > ul > li,
.searchandfilter[data-sf-form-id="1628"] > ul > li label,
.searchandfilter[data-sf-form-id="1628"] > ul > li label input,
.searchandfilter[data-sf-form-id="1628"] > ul > li label select.sf-input-select {
  width: 100%;
}
.searchandfilter[data-sf-form-id="1628"] > ul > li[data-sf-field-input-type="range-slider"] label,
.searchandfilter[data-sf-form-id="1628"] > ul > li[data-sf-field-input-type="checkbox"] li label {
  width: auto;
}
.searchandfilter[data-sf-form-id="1628"] .meta-slider,
.searchandfilter[data-sf-form-id="1628"] > ul > li label select.sf-input-select {
  max-width: none;
}

Anonymous

#245452

WOW!!! As you used to say “it works like a charm”:-))))
You are a real genius!
Thanks a lot, now the page is PERFECT:

https://apcomunicazione.s3.amazonaws.com/Varie/facet01.jpeg
https://apcomunicazione.s3.amazonaws.com/Varie/facet02.jpeg

Well, I think you should add this parameter (something like “pixel from edge”) on future version of this marvelous plugin.

Thanks again!
Alessio

Trevor

#245460

Thanks for getting back to me. I will close this thread for now.

[Author]

Posts