CSS doesn't work for main menu (child theme)

I have tried pasting several CSS codes to add a hover color effect to my menu (main menu which is present on the whole website), however the menu remains the “stock” hover option… the code doesn’t have any effect

I am hosting my website locally so I cannot link it, I think it’s worth mentioning that I am using Beaver Builder, Beaver Themer and a child theme of Beaver Theme.

I paste the code into: Dashboard -> Appearance -> Theme Editor -> Style sheet

Perhaps I am using the wrong code, or something… Basically all I am trying to do is to add a hover color fade effect on the text part of menu contents, however I am having a really hard time achieving this. If somebody can help me out, I’d appreciate it


What CSS have you tried?