Streaming live at 10am (PST)

Interaction Content appearing behind when published

#1

Hi All,

Not sure if anyone can help with this - but thought I’d ask anyway! :slight_smile:

Read Only: https://preview.webflow.com/preview/itktest?utm_source=itktest&preview=f7e7222c47227d13fa57d3f32d15b643

Published: https://itktest.webflow.io/

When in preview mode - the additional content boxes expand correctly, and the rest of the content acts accordingly (moves down to make room). However, when published, the additional content boxes appear behind everything.

Edit: The sorting/search functionality is from a script called Isotope. Maybe the preview mode doesn’t fire off the script - whereas publishing does?

Thanks in advance.

#2

Hey @itkdev - looks like it’s your first time posting, welcome!

Since I can’t publish changes from the read-only link, it’s hard to see if this works, but try changing the “card” class to static instead of relative positioning. If this doesn’t work, let me know - if you make the project cloneable (so I can publish to see my changes), I will take a deeper look at it when I have time this week!

1 Like
#3

Thanks for the quick reply and warm welcome!

Unfortunately this didn’t work, but one thing I forgot to mention is the sorting/search functionality is from a script called Isotope. Maybe the preview mode doesn’t fire off the script - whereas publishing does? I edited my original post to reflect the Isotope comment.

#4

@itkdev Ah, no worries! I am curious - what is the reason to use Isotope over Webflow’s sorting/search?

#5

You are correct. Third party scripts do not run / render in the designer. Only on published URL’s.

#6

Is it possible to have the animation and same fluidity with Webflow?

#7

Unfortunately not with Webflow’s native search element (at least, not that I know of.) Webflow Search works well, but it’s not a real-time solution like Isotope is.

If you want to see the ins-and-outs of Isotope on a Webflow website, check out @SidneyOttelohe’s (cloneable!) website with Isotope Search and Filtering. https://webflow.com/website/Isotope-Search-and-Filter-Webflow-CMS

2 Likes
#8

Thanks for confirming!

#9

Thanks - this is where I initially got the inspiration. :slight_smile: