Navigation Bar - Active Page Display

[Tyefoods]

Morning all!

Just wondering if someone could take a look at the HTML/CSS of my page and tell me where I'm going wrong.
The issue I'm having; The active page in the navigation is highlighted in a white box (Great! Thats exactly what I'm after!), however the name text of the page is the same color. And I cannot for the life of me figure out how to change it.

http://marleys2019.weebly.com/

When you land on my page you'll notice a white box in the navigation, when you hover over it, the text will apear red. This is how I want it to look on an active page.

Thanks muchly!

[Bernadette3]

Thanks for posting, @Tyefoods Did you add code to Settings>SEO>Header or did you make changes in the css/html area? If it was the former can you post the code you used? Thanks. 

[Tyefoods]

Morning Bernadette,

I have no coding in Settings>SEO>Header, all my changes have been in css/html section.

[Bernadette3]

Thanks for clarifying. There may be someone on here that can help out with that question.  

[Tyefoods]

Can anyone help me with this one?

I've gone through everything I can possible think of, and its driving me nuts! Haha.

[BJ5 · Accepted solution]

You'll need something like this so the child link in the active list item gets the right color:

#active > .wsite-menu-item
    {
        color: #db2828 !important
    }

If there isn't a rule for that in your CSS already you could just add it.

[Tyefoods]

Once again BJ, you are a savior.

Thank you so much, that's done exactly what I'm after!