Show more results without scrolling / be able to choose the number of columns in the Popup display

[Kevin_Bryan]

When I set the Display Search Results to Popup and any Results Layout it only uses a small part of the screen, in this case partially showing only four items in two columns which usually means scrolling is necessary to find the desired item:

If I set Display Search Results to Fullscreen it shows many more items and in four columns.

I prefer the appearance of the Popup results if it could take up more screen area.

[Max]

Hey there @Kevin_Bryan

This code should do the trick:

global-styles,
[class*="Popup__Container-sc"] {
  width: 600px !important;
  height: 700px;
}

Just add it to the Custom CSS field on the Settings tab of your widget’s settings and let me know if it helped

[Kevin_Bryan]

Hell Max,

Thanks,

I can change the width, but there appears to be a limit somewhere on the maximum height (I can reduce it, but not increase it).

[Max]

Hi @Kevin_Bryan

Oh, you are absolutely right! There was a maximum height limit.

Here is the adjusted version:

.global-styles,
[class*="Popup__Container-sc"] {
  width: 700px !important;
  height: 2000px;
  max-height: unset !important;
}

Please try it out and let me know how it worked

[Kevin_Bryan]

Thanks,
That worked. All I need now is to increase the number of rows/columns in the results.

[Max]

I have to say that the number of columns/rows is automatically calculated for Masonry search results, and it’s impossible to set a custom number.

Let me know if you have any questions left. I’ll be happy to help

[Kevin_Bryan]

Thanks

[Max]

No sweat