Forums › Forums › Search & Filter Pro › Search Fields not responsive

Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (Private)  October 29, 2019 at 2:49 pm #224992

    Hi, thx for your great plugin!
    I am using the Astra-Template.
    I created a new Edit Search Form and implemented it as a widget in the sidebar on the right side. I just used two fields, category and tags.

    All worked well, inspite of the missing responsiveness of the Search Fields.
    They do not reduce their dimensions in relation to the container- or site-dimensions and are finally overflowing the the container/box.

    Is there an option i didn´t found?

    On other widgets with similar SearchFields (or standard wp-search) it works well, also with the very old and simple Cat+Tag-widget, i used before.
    How can this be fixed? Can this be fixed by custom css?

    Trevor
    (Private)  October 29, 2019 at 3:07 pm #225005

    It may need that, yes.

    Are you able to send me a live link/URL to your search page so I can take a look?

    Can you tell me what screen widths are the problem?

    Anonymous
    (Private)  October 30, 2019 at 7:17 pm #225182
    This reply has been marked as private.
    Trevor
    (Private)  October 31, 2019 at 7:48 am #225215

    Can you try this custom CSS:

    .searchandfilter >ul > li[data-sf-field-input-type="select"] > label {
  max-width: 100%;
}

    Some further adjustment may be needed.

    Anonymous
    (Private)  October 31, 2019 at 3:39 pm #225233

    Hey Trevor,

    your custom code fixed the problem, now it works fine.
    Thank you for your help!

    Trevor
    (Private)  October 31, 2019 at 4:34 pm #225239

    Thanks for letting me know. I will close this thread for now.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)