How to display search results in several columns?

You can easily change the layout of the Search Results page in order to display results on this page in several columns by adding custom CSS code.

For example, to display Search Results in 3 columns, add the below CSS code to the Appearance tab > Customize > Additional CSS:

@media (min-width:991px){
.mphb_sc_search_results-wrapper{
display:flex;
flex-wrap:wrap;
} 

.mphb_sc_search_results-wrapper .mphb-room-type{
width:33%;
padding:0em 1em;
margin-top:0 !important;
}

.mphb_sc_search_results-info, .mphb-recommendation-title, #mphb-recommendation, #mphb-reservation-cart{
width:100%;
}
}

In order to display Search Results in 2 columns, change "width:33%" to "width:50%" in the above CSS code.