Iframe space when initially no query is performed

Search
1

A customer would want to include the results iframe directly in their content page but they thinks that when there is initially no query it leaves too much white space below the vertical navigation.

Is there a way to reduce that space when at the initial moment no query has been done?

image
image1482×690 20.5 KB

Thanks!

2

Hi David,

We usually recommend that a client utilizes a search bar that directs to an Answers results page. In this case, there would not be a blank query/no query since the initial view of the page would be results for the query submitted in the search bar.

Can you explain the use case for only using the results page without the search bar?

3

Hi Micaela,

Initially, the client has thought of putting the search bar and the results iframe on different pages, but they are also interested in putting the iframe directly on their product pages so that the user can make queries without leaving the sales page/channel. That is why you are interested in knowing if it is possible to reduce that space reserved by the iframe when no query has been made.

Thanks,

David

4

Hi David,

To limit the size of the answers container you can add the following to the static > answers.scss file:

.Answers {
  min-height: 200px;
}

Feel free to toggle with the min-height to get your desired appearance. This will allow you to eliminate that extra white space while still expanding to show results when a query is inputted. Let me know if you still have issues with this!

5

Thanks Micaela, we are going to apply this!