I’m currently having an issue regarding a website I’m building where links are supposed to animate the horizontal scale of a div underline inside a nav link block and change the text. This works on the homepage, but it doesn’t work on all of my other pages. On my other pages, only the first link appears to use the interaction. I’m not sure why this is occurring as the navbar is a symbol and I made sure that I wasn’t editing it specifically to the page I was working in. I don’t know what would cause this and after reviewing the way I setup my interactions, I’m still confused as to why it would work on one page with all links, but then have only one link work on all other pages. I’ve attached screenshots below to show the issue and to show the way my interactions are setup.
My setup has worked before in the footer of the site, which is also adding to my confusion. Is this due to the way Webflow setup their navbar item?
Thank you in advance for any help you provide!
The site’s published URL: https://vanessa-rodrigez-photography.webflow.io
The site’s shared readable link: https://preview.webflow.com/preview/vanessa-rodrigez-photography?utm_medium=preview_link&utm_source=designer&utm_content=vanessa-rodrigez-photography&preview=823ab618e675fb11c2e1cfdeebfdf530&mode=preview