Forums › Forums › Search & Filter Pro › Responsive Display Filters
Tagged: Responsivity field mobile filter view, V3
- This topic has 3 replies, 2 voices, and was last updated 3 years, 11 months ago by Trevor.
-
Anonymous(Private) November 18, 2020 at 8:55 pm #267027
Hi there,
Thanks again for this addon.
I’m working on the responsivity of it and I’m facing issues.
Is it possible to change the field kind (dropdown instead of radio fox exemple)
and display every field in a line such as a menu on the page ?Thanks a lot for your help !
Trevor(Private) November 19, 2020 at 10:45 am #267061Until V3, you can have a field only in the one type on the page. In V3 (due in a few months), you will be allowed to have the fields multiple times, to allow showing of different format fields responsively.
You would need to create your own CSS for the form, using CSS media queries to make the CSS responsive. For example, you can wrap your CSS for the desktop display (horizontal) so it does not affect the mobile view, but you need to discover the responsive breakpoint of your theme. For example, like this:
@media (min-width: 992px) { .searchandfilter[data-sf-form-id="1234"] { display: inline-block; vertical-align: top; padding: 0 20px; } }
Where 1234 needs to be changed to match your form ID.
For more custom CSS examples, there are many snippets in the forum:
https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter
Anonymous(Private) November 20, 2020 at 10:36 am #267254Thanks for this reply Trevor,
Is it eventually possible to think about displaying the filters on the choice of the user ?
Click to display / Click to hide ?
I’ve searched in the forum but didn’t find anything.Thansk again for your precious help.
-
AuthorPosts