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 2 replies, has 2 voices.
Last updated by 6 years, 2 months ago.
Assisted by: Luo Yang.
Hi,
all of my views are bootstrap grid with 4 columns. they display perfectly find on desktop.
however, on mobile (portrait) they display as one post per row (due to media queries cutoff, of course), which is very boring for visitors to keep scrolling.
here is a screenshot of how the grid looks on mobile:
hidden link
On mobile (landscape), they display as 4 tiny posts (my mobile screen is big, samsung Galaxy S9+),
here is how they look:
hidden link
you can see 4 posts per row in addition to the sidebar!!
My question is: Is there a way to make me display 2 posts in the mobile (portrait) mode? this will cut the page length by half and make it more engaging.
also, can i control the mobile (landscape) to show only 3 posts?
my main problem is the mobile portrait mode. if nothing can be done for the landscape mode, i am ok with this.
i searched the documentation, but can't find a solution. some other plugins lets you choose how many rows you want for every device (mobile, tablet and desktop).
thanks in advance.
Hi,
I researched and found that if i added
col-xs-6
to the code in the loop, it works as per the attached screenshot "03.jpg"
however, when the post title length isa bit long, i get holes in the gird, as per attached screenshot "04.jpg".
i appreciate if yo ucan tell me what t odo to achieve the "pinterest style" grid where there are no gaps that look awful like this.
thanks.
