- This topic has 2 replies, 2 voices, and was last updated 5 years, 9 months ago by
.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
These forums are now closed and remain for historical purposes.
None of the content applies to the new version 3. For support, get in touch via our contact form.
Forums › Forums › Search & Filter Pro › How to set up .input to stay below the filter fields
Tagged: submit button css
Trevor.
Hey Trevor & Team
I absolutely love the plugin and I did manage to put it to work within a few minutes of installing it on my website!
I just can’t get my head around on how to get the search button to be displayed below the dropdown items with full length. Problem stems from having the search both in its own page and using it as a sidebear feature on all of the other pages. I did browse the help forum quite a bit and couldn’t find any snippet that worked for me.
We can deal with the full width search button after the dropdown issue. The problem is that the last field is a combobox, and so it is using the Choden combobox script, which re-styles the selector. To fix this needs a few steps and changes.
See this post for the explanation and steps need for you to take:
https://support.searchandfilter.com/forums/topic/configure-harvesthq-in-elementor-pro/#post-238775
This CSS would make the button full width:
.searchandfilter[data-sf-form-id="3984"] li.sf-field-submit,
.searchandfilter[data-sf-form-id="3984"] li.sf-field-submit input {
width: 100%;
}