At the moment you can’t change the post number per breakpoint, which makes the instagram widget quite long on mobile if you have 12 posts and 1 column. 12 posts looks fine on desktop if you have 4 columns - also the columns can be changed per breakpoint, so it would be nice to be able to change the post number as well.
1 Like
I was able to do that for my site.
1 Like
Could you share with us how did you manage to do it please?
I wish that I could set it on the builder (just change the number), but I couldn’t.
What you can do is hide the rest of them using custom CSS with nth-child.
For example, if I have 12 IG posts on the largest breakpoint and I want to show only 9 posts on smaller breakpoints, then I’ll do something like this.
On the smaller breakpoints, insert these lines of code into the custom CSS section in the builder.
%root% ul li:nth-child(n + 10) {display:none;}
(n +10) is to hide the items from 10th onwards. So you will see nine IG posts on smaller screen.
3 Likes