Skip Navigation

[Resolved] Tablet Landscape View Search Results Display

This support ticket is created 5 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 5 years, 11 months ago.

Assisted by: Luo Yang.

Author
Posts
#1178216
IMG-0009.PNG
IMG-0010.PNG

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.

#1178896

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

#1179109

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.

#1179528
tablet-landscape.JPG

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