This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: Setting results display for mobile in landscape

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

#19915
Ernest MarcinkoErnest Marcinko
Keymaster

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.