I have kind of a complex site (designed by a client) with a lot of content that I need to load on one page.
I’m using Finsweet’s CMS Slider Component, with the CMS Load + CMS Combine Attributes.
When I load the site on mobile, the page reloads a couple times when I’m trying to swipe through the slider and eventually errors out entirely and the browser gives me an error message.
Here is my read only link: Webflow - Lenox Hill 130 Anniversary
The site has a lot of features going on all on one page. Here is the list of features, which may be important to know to help diagnose the issue:
- The site has to display 130 Collection Items. On Desktop, these are displayed as two columns of “infinite marquees” sliding vertically up and down. Each column displays half of the items, but the “marquee” requires the content to be doubled, so there are four collection lists in total: Two in the left column with Collection Items #1-65 and Two in the right column with Collection Items #66-130. You can find the code for the marquee in the Code Embed titled “Marquee Code”
- On Mobile, the 130 Collection Items need to become a swipeable slider displaying all of the items without pagination. I’m using CMS Combine to join one of the left column’s collections (#1-65) and one of the right column’s collections (#66-130). I’m using CMS Load Render All to load all 130 collection items.
I know that it’s a ton of content that the page is loading, and it’s not the optimal solution for this client’s needs, but this is the card I’ve been dealt. Pleaaassssee help me, I’m at my wit’s end.