Varmista, että navigointielementeillä on selkeät visuaaliset tilat määritettyinä

Webflow’n tilat

• None (Oletustila): Elementin normaali, oletustila.
• Hover (Hover-tila): Aktivoituu, kun hiiri siirtyy elementin päälle. Huom: useimmilla kosketuslaitteilla (pienemmät breakpointit) hover ei ole käytettävissä.
• Pressed / Active (Painettu / Aktiivinen): Näkyy, kun elementtiä klikataan tai painetaan. Painettu tila perii tyylit hover-tilasta.
• Focused (Fokusoitu): Ilmaisee, että elementti on korostettu näppäimistöllä tai puheohjauksella.
• Visited (Vieraillut): Linkin tila, jota käyttäjä on jo käyttänyt. Tämä tila perii tyylit oletustilasta. Voit muokata vain tekstin väriä, taustaväriä ja reunaväriä vieraillussa tilassa.

Tilojen lisääminen Webflow’ssa

1. Avaa Styles-paneeli ja etsi Selector-kenttä.
2. Valitse States-pudotusvalikosta haluamasi tila.
3. Kun tila valitaan, vihreä tila (pseudo-luokka) näkyy Selector-kentässä.
   • Tämä tarkoittaa, että elementtiin voidaan nyt soveltaa erillisiä tyylejä kyseiseen tilaan.