Mobile Menu Active Page Text Color Change

How do I change the active page text color from pink to anything else?

Thanks for the help!

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media (max-width: 1199px) {
      .main-navigation ul li a:hover {
        color: #ff0000 !important;


I was literally about to ask this after going into elementor, then back to worpress appearance, then back into elemenator and just couldn’t figure it out!

@kharisblank I tried that but it only changes the text color on hover. I’m meaning when you click on the link and it sends you to another page, then it keeps the active page that you are on in the menu highlighted pink. Is there a way to change that?

Nevermind, someone else just answered this question on another post. The answer is

.main-navigation .menu .current_page_item a {
color: red;    }

Thank you for your help!

Great! You got the correct code to use.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.