Search results in grid format.

[Ian West]

Hi,
I have found someone who had the same problem as this in 2021, but your response was marked as private.

I’m using my own theme built with Divi.

As I want to have a grid view of search results, I used the css code gently provided in your help database:

@media (min-width:920px){
.mphb_sc_search_results-wrapper{
display:flex;
flex-wrap:wrap
}
.mphb_sc_search_results-wrapper .mphb-room-type{
width:50%;
padding:2 2em;
}
}

Okay, all good, I changed the width to 30%, and increased the padding, all fine. Problem is the results are not aligned on the top row. The first accommodation type is 72px higher than the others. All the subsequent rows are fine.
Is there a fix for this? It’s got me tearing my hair.

[J. Davis]

Hi Ian,

You may try the styles from this article https://support.motopress.com/hc/en-us/articles/360040164491

There is added margin-top with a value of 0 to remove that gap. Please try to use the style from the article and let me know if it is helpful.

best regards,
John Davis

[Author]

Posts