change hover color on drop down menu

Site URL: https://tangerine-pear-2fep.squarespace.com/config/

I have already changed the drop down menu, but I'd like to add another change to get the words in the dropdown menu to turn white when you hover on them. They do it when I am in the design panel, but once I refresh, the change goes away. 

This is the code I have for the changes:

.header-nav-folder-item:hover {background: hsl(29, 6%, 85%); 
  a{color: #FFFF !important;}
  }
}
/*change header-nav color*/
.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content a{color:#9FCAD2;}

Hi @vsulzer26,

Can you password protect the site and share the password so we can take a look? 

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

sure, will do, thanks!

akashayoga is the password

It looks like you're almost there!

Quote

 

.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a {

  color: #fff F !important;

  }

 

You have a syntax error. Remove the "F ".

Let us know how it goes.

that worked, thank you!