Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Setting results display for mobile in landscape › Reply To: Setting results display for mobile in landscape
Hi Nigel,
Well, there is no option for that, but with custom CSS you can change the column numbers, by specifying min-width attributes on certain resolutions:
[code]@media only screen and (max-width: 720px) {
.asp_r .item.asp_isotopic_item {
min-width: 45%;
}
}
@media only screen and (max-width: 480px) {
.asp_r .item.asp_isotopic_item {
min-width: 95%;
}
}[/code]
Basically, this code will force a one column layout on device width screen below (including) 480 pixels, and two columns on devices below 720 pixels.
The min-width attributes basically forces a minimal width for each item in the results. It is not set exactly to 50 and 100 percents, so that the script can calculate margins and paddings as well.