Heya!
I’m currently building a website in Webflow for a client and have run into an issue I’d appreciate some help with.
The CMS “Load More” functionality isn’t working correctly when the Media (in de media) section is placed further down the page. However, when I move that section to the first block position, it works as expected.
Could anyone point me in the right direction as to what might be causing this behavior?
Thank you in advance for your time.
Kind regards,
Morris
Hey @morrisvlijm!
The position-dependent behavior you’re seeing is a classic symptom that happens when you have multiple CMS Collection Lists on the same page. When CMS Load isn’t told which list to target, it can bind to the wrong one depending on DOM order.
The most likely fix: Each CMS list on the page needs a unique instance identifier.
Here’s how to set it up:
For each CMS section (like your Media section), find the parent wrapper that contains the Collection List itself, the load-more/pagination buttons, and any other related elements (item counts, etc.)
Add the fs-list-instance attribute to that wrapper:
fs-list-instance="media"fs-list-instance="section-name"You can use any unique value — numbers work too: fs-list-instance="1", fs-list-instance="2"
Repeat for each CMS list on the page with different unique values.
Quick diagnostic question: Do you have multiple CMS Collection Lists on this page? That would confirm this is the right solution.
Could you share a read-only link to your Webflow project? That way we can see your exact setup and give you specific guidance on where to add these attributes. 
Let us know how it goes! If this doesn’t resolve it after you’ve tried it, share your staging link and we’ll dig deeper. 
I have multiple CMS collection lists on my website. It’s still not working. You can find the preview link here: Webflow - Aniek Moonen
Someone who can help me? :)) I tried giving it a fs-list-instance but it’s not working.