Can't change menu colors

Hello,

How can I change the colors of the menu options? (background and text)

Thanks in advance,

– Gabriel

Hello Gabriel,

To achieve that, you could use this simple CSS code:

.top-bar,
.sticky-wrapper {
  background-color: #fff000;
}

@media only screen and (min-width: 992px) {
  .main-navigation .nav-menu > li > a {
    color: #ff0000;
  }
  .main-navigation .nav-menu > li > a:hover {
    color: #fff;
  }
}

Add it to Appearance > Customize > Additional CSS from dashboard. Make your own color adjustment.

Regards,
Kharis

1 Like

Thanks for your reply!

Your code changes the main options of the menu, but what I’m trying to change are the suboptions on desktops.

How can I accomplish that?

Thanks again!

Hello there,

Sorry for didn’t get your goal correctly. Try this code:

    @media only screen and (min-width: 992px) {
      .main-navigation ul ul {
        background-color: #fff000;
      } 
      .main-navigation ul ul li {
        border-color: #000;
      }
      .main-navigation ul ul a {
        color: #ff0000;
      }
    }

Regards,
Kharis

1 Like

Thanks a lot!

That was I was looking for!

Thanks

You’re welcome!

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

Regards,
Kharis

1 Like