Any way to have a different number of related posts for desktop and for mobile?

david7722

Hi,

I am trying to figure out a way (probably via CSS) to have 4 related posts (under a post) on a desktop but display only 1 (or 2) related posts on mobile, because 4 related posts in a column is typically too many (too long for a mobile page). I would use it also for Blog element in Builder, where I can choose number of posts, e.g. 5 or 6, but it would be very convenient to reduce that number to 2 or 3 for mobile.

There is no setting for this (responsive related) in BeTheme options, so I was wondering if someone has any advice how to achieve this? Any help would be appreciated.

david7722

I have achieved the outcome via 'nth-child(n+X){ display: none }' set for different media queries. Not easy, but doable. It would be really nice to have this responsive option.

Regards,

Phil

Hi,

Glad to hear that you manage to resolve that.

If you would like to see this feature in future updates, please, let us know on the following topic:

https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

david7722

Hi Phil,

Yes, I would like to, so I will post it there.

Regards,