Streaming live at 10am (PST)

Sticky Element not working (product pic)

Hello
Im trying to make the product picture (on the left) sticky but its not working

https://preview.webflow.com/preview/thejewelrydesign?utm_medium=preview_link&utm_source=designer&utm_content=thejewelrydesign&preview=424e3a64944e65b691019825b6c66b12&pageId=6021b510453159334862a1db&itemId=60244a826c51fa80a7157465&mode=preview

Hey there - tried debugging within your project but couldn’t quite figure it out. Rebuilt something from scratch to replicate the effect you describe - hope this helps [preview link](published link).

Maybe consider building from scratch with divs and arrange children via Flex (see my example). I wonder if there are some built-in styles/properties in the container element that might be clashing with the stciky effect you’re trying to achieve.

1 Like

I tried and it worked but now it looks like this! Pole Sadr • JewelryDesign.ca

@brjohnson do u know whats wrong now? (its showing everything twice!)
https://preview.webflow.com/preview/thejewelrydesign?utm_medium=preview_link&utm_source=designer&utm_content=thejewelrydesign&preview=424e3a64944e65b691019825b6c66b12&pageId=60273ea44c05ca51799bdfb5&itemId=60273ea44c05ca8fa99be213&mode=preview

Looks like the pp pp left didn’t have position: sticky set. I also removed a negative top margin you had set on that element. Let me know if you can successfully replicate:

1 Like

Thanks alot mate :slight_smile:

1 Like