Animations/Transitions not working

Design help Animations & Interactions
1

Hi everyone,

I’m new to WF but I like to think I’m learning fast.

The problem I am having is affecting the lovely index list I have crafted, the nav bar button (which is part of a symbol so should work consistently across the site) hover effects and the top left logo hover effect. All of these seem to work, but only after I’ve clicked again on the link to the page in the site preview.

Here’s a link to the site: https://preview.webflow.com/preview/cveda?utm_medium=preview_link&utm_source=designer&utm_content=cveda&preview=f9336366e29c9be2e47f105e52ea5f8f&pageId=5d2330856156a6293a4c8c74&mode=preview

This is the way the nav bar should be…

12
121500×630 196 KB

This is the way it appears on the WORK page…

33
331340×650 136 KB

Logo animation also displays wrong until I refresh the page…

43
43902×592 84.6 KB

Finally the index list animations don’t play likewise until I refresh…

09
091396×840 156 KB

Note that there are placeholder images in the index list.

The list itself is quite glitchy, with the mouse curser ‘hand’ coming in/out inconsistently. Is this normal - will it be smoother when live?

Very best wishes,
Adam

Here is my public share link: LINK
(how to access public share link)

2

I am also facing similar issue here. Help is highly appreciated.

Thanks in advance.
Regards,
Brian
gimp freejobalert notepad++

3

I spend ages today basically redoing the index list and animations and I’ve still got the same problem.

Have you made your site live, and if so do you have the issue then?

4

@ajkeefe47

Could you explain your menu issue a little more clearly? I’m not able to re-create what I’m seeing in the screenshots, but I’m not sure I’m looking at the right thing.

The cursor might be a known Chrome issue, do you have the inspector open when you are seeing this issue?

You could also trying changing the cursor property:

image

On the index-row-links:

image

Let me know if that helps!