Hello,
The original CSS that was created for displaying the 4-column table-based grid search results responsively in a single column smartphone was also displaying the results in a single column (flush left on screen with images partially overlapping the text line above it).
We made some improvements as can be seen in the attached screenshot. I'm having difficulty getting all 4 products to display in a single column in landscape view. The current 2-column display on portrait view is good. If you have any feedback on this it would be appreciated.
Thank you.
I'm also including a screenshot of how it appeared originally.
Hello,
It seems to be a custom CSS codes problem, please provide a live page URL with the same problem, I can try to debug it in my Chrome browser.
Thanks
Hi Luo,
Here are links to a couple of search result page samples:
hidden link
hidden link
Help, if possible, on this would great.
Thank you.
Thanks for the details. it seems that your theme CSS does not supports tablet landscape mode, you can define your own CSS style for tablet landscape mode, like this:
@media only screen and (min-device-width: 920px) and (max-device-width: 1024px){
table.wpv-loop tr{
display:inline-flex;
}
}
See screenshot tablet-landscape.JPG