Menu bar appears only half on scroll

Hi all,

I have a question regarding an scroll interaction that i have on my website to make the menu bar appear and dissappear while scrolling up and down. It’s working as it should, only the company logo to go back to the home screen only appear when i completely scrolled up, while the rest already appears when is start scrolling up. How can i make sure that the company logo also comes at the same time?

Another weird thing is that on a page where i don’t have this interaction plannend (about page) it’s also appearing and dissappearing.

Who can help me out?

Thanks in advance!

Here’s my link!
https://preview.webflow.com/preview/mariekes-initial-project-fd666c?utm_medium=preview_link&utm_source=designer&utm_content=mariekes-initial-project-fd666c&preview=601f9e0985fc871badbf1864d72162cd&pageId=652a8d9cac2fb6a71a8005a1&workflow=preview

The issue with your company logo appearing only when fully scrolled up is likely due to its animation being triggered at a different scroll position than the rest of the menu items. Check your scroll interaction settings in Webflow and ensure that the logo’s animation trigger is aligned with the rest of the menu elements. If the logo has a separate animation, try linking it to the same trigger as the menu. Regarding the interaction appearing on the “About” page, Webflow applies interactions globally unless specified otherwise, so check if the scroll effect is set to “Page Trigger” instead of being element-specific. If needed, create a separate interaction for pages where you don’t want the effect.

Hi Fiza,

Thank you for replying. I checked and the animation is linked to the whole menu block, in which the logo is also places. Also i put the scroll effect as a page trigger, on specific pages were i want to have it, put it appear on all pages… Do you have any idea how to solve it?