How to change img in the navbar when hover

Hi, In the navbar when I hover an element it changes the image but I added a new one and it doesn’t, you can see it in the SYSTEMS dropdown for example, can someone help me with that?

Also, why does the elements inside the dropdowns has this blue line? How can I remove it?


Here is my public share link: [LINK](Webflow - Firestar)
(how to access public share link)

For the hover image change, see the screen shot below showing where this is on the 4th link. You will see it is named “Image Nav System 4 IN”. You have this same interaction applied to your 5th link, therefore it looks the same. You can duplicate “Image Nav System 4 IN” and name it “Image Nav System 5 IN” and apply it to your 5th link, but then change the image to a new image you’d like.

For the underline, you have that applied to all links. You can choose one of the 4 selectors and tell its style to not have an underline.

Hi @Port_of_Folio thank you very much, I already duplicated the interaction but how can I link it?

You will need to change the targeted elements. I’m showing how to do that in the screenshot below.

Since your interaction is within a component, if the new element you’re attempting to target is outside of the component, you will need to unlink that instance of the component, make your changes, and then change it back into a component. I wish Webflow had a workaround for this but haven’t found one yet.