Hi guys, I've encountered an issue while using Header 75. Everything looks fine in the webflow preview but in the published site the interaction seems to not be working.
Any advice on how to fix this? Thanks!
Link to the project here.
Oops, here's a new link: https://preview.webflow.com/preview/tech-couture?utm_medium=preview_link&utm_source=de[β¦]49512acbf4&pageId=6571e0a5c8a5a41b3a8cba5e&workflow=preview
you're going to need more space under this section. I guess even if its blank. I don't think this section was intended on being the only section on the page.
Can you also send along the published URL, since you had mentioned it was fine in preview but not on the published site. Thanks!
Hi Matt, it's called 'header_component' on the homepage, let me know if that's helpful
Hi guys, guessing you haven't had a chance to check this out yet - would really appreciate it as we are almost ready to go live with this site π
apologies for the delay here. The reason this is breaking on the published site is because of the custom code that you've added targetting the id "grained" - this custom code is adding "overflow: hidden;" to the page wrapper - which prevents position: sticky; from working properly.
I would see if there is any options to make this not have overflow hidden or use a different library for this effect like particles.js possibly.