I Like My Navbar but

Design help General
1

I’d like to jazz it up a little..

Hello.. right not the Hover On/Off states turn the Navbar links font color from black to white and back to black again.. which is nice.. however I cannot find any of these Interactions in my Navbar so that I can edit or style them..

eventually I would like to do some animation on the Navbar similar to what I found on one of the Webflow templates.. thanks for taking a peek and letting me know your opinions and advice.. ~Bobby

Here is my site Read-Only: Webflow - Tranzotica

2

Hi Bobby,

Here’s how to modify nav link hover states in Webflow:

For basic hover styling:

  1. Select your nav link in the Navigator
  2. Open the Style panel
  3. Make sure there’s a class applied to the nav link
  4. Click the Selector field dropdown menu
  5. Choose the Hover state
  6. Adjust the color, typography, or other styling properties as needed

For hover animations:

  1. Select your Link Block
  2. Open the Interactions panel
  3. Click the plus icon next to Element Trigger
  4. Choose Mouse Hover
  5. Design your hover-in animation
  6. Click Back to Trigger
  7. Add a Mouse Out trigger to create the hover-out animation

You can learn more about working with states in our University lesson: https://university.webflow.com/lesson/states

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

thanks.. I’ll work on it from that standpoint.. but I was wondering where the hover styling is that’s employed currently.. if I follow your instructions I should find it yes?

4

as I expected I did find the current styling for the hover on state.. I was able to make some changes.. will keep exploring and experimenting.

5

A Green selector class keeps coming into the called “Current” and I cannot get rid of it.. any ideas?