Support Forums

Support Forums Forums Search & Filter Pro Making Search & Filter wider but remaining responsive

This topic is: not resolved

Tagged: ,

This topic contains 1 reply, has 2 voices, and was last updated by  Trevor 1 week, 1 day ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Maxwell White
    #198747

    Hi, at [pacmax.org](pacmax.org) I’d like to have the text search be wider (at least enough to fill the empty space on the right of the filter options—so that all together the search and filter options are as wide as the WP page) but remain responsive on smaller displays. I’ve tinkered with it but have not had much luck.

    How might I achieve this?

    Loving the plugin. Thank you.

    Trevor Moderator
    #198750

    You have four controls on the form. You want the last three to stay as they are, but the first, the text search field, to take up the rest of the space? If so, I think the only way you could do this is to use flexbox. Read more about it here:

    https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    I think it is flex-grow that you would need. The search box would be flex-grow: 1; and the other three fields would be flex-grow: 0;

    The container (the form) you need to set to display: flex;

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.