Background:
On my Webflow website, I created two pages: One in Spanish and the other one in English. On each of these pages I created a Navbar Symbol (one for the Spanish version and one for the English version) with various interactions. When you land on either page, the interactions on the Navbar work fine.
Problem:
However, when you click on the language URL in the Navbar, the interactions get messed up on the page you’re redirected to. It appears something gets modified in the interactions when you are on the other page (English/Spanish)
Steps to reproduce:
Preview the site on the designer (notice how the navbar interactions work)
Click on the English or Spanish navlink
Notice how the Navbar now looks different and doesn’t have the same interactions as the other navbar
Note: When I change the Navigation Interaxction for the Spanish Navbar, it appears the interactions on the English Navbar get modifiied.
I’m referring to the “While page is scrolling” Navigation Animation. There are interactions for Background Color, Text Color, and Size. Please take a look at the following URL with a video that shows the issue:
OK, saw the video. You are not supposed to change pages that way. Just change them through the designer menu. On the published site everything will work as intended.
The one inside designer, where you create and select the pages you’re working on.
The reason for them not working is because the initial states are not being processed correctly while in preview. But visiting both your main pages through the default pages menu and then previewing then you will see it works fine.
