- This topic has 3 replies, 3 voices, and was last updated 4 years, 3 months ago by
.
-
Posts
-
Hi,
Is there an easy way to change the number of posts for different screen sizes?
For example: on desktop the WPSP-list shows 10 posts and on mobile you see 3 posts.
Jeroen
Hmm, I can’t think of a good way to do that unfortunately, unless you had some sort of script that could detect if you were using mobile or not on the server side of things.
Kind of a work around but you can use nth child CSS selectors.
.home-posts article:nth-last-of-type(-n+2) { display: none !important; }Wrap the shortcode in a div and give it the class of your choice. The CSS above with will hide the last two elements (posts) within that div. Then just use CSS3 media query to apply this css based on screen width. This is a great media query generator: http://giona.net/tools/css3-mediaquery-generator/
I’m using this to change the number of posts being displayed on mobile and it works like a charm other than they are just hidden with
display: none;via CSS.
- You must be logged in to reply to this topic.