How to set up .input to stay below the filter fields

Yordan

#241924

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.

Add New Note to this Reply

Yordan

#241925

This reply has been marked as private.

Add New Note to this Reply

Trevor Moderator

#241947

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%;
 }

Add New Note to this Reply

[Author]

Posts