Menu colors & nav

Hi,
I don’t know how to change the colors of the drop-down menu. Right now the text is pink and the background is black, I would like the text to be black and the background to be white. Also, I’m trying to figure out how to make the top navigation (header) bar transparent. Thanks!

Hello there,

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

@media only screen and (max-width: 1199px) {
  #site-navigation.main-navigation {
    background-color: #fff !important;
  }
  #site-navigation.main-navigation a {
    color: #000 !important;
  }
  #site-navigation.main-navigation a:hover,
  #site-navigation.main-navigation li.current-menu-item > a {
    color: #ff0000 !important;
  }
}

And set your own color when the page is on screen and the link is on hover in the near bottom line of code.

I hope this reply helps.

Regards,
Kharis
aThemes Support