Drop Down is not appearing correctly: tried this custom CSS code, didn't work

The menu options are there, just in white. How do I change this to be visible and the width of the text?? 

/* fix dropdown items color */
.header-nav-item.header-nav-item--folder.header-nav-item--active .header-nav-folder-content a {
    color: #000000 !important;
}

Use this CSS code

div.header-nav-folder-content * {
    color: #000 !important;
}
/* Dropdown auto width */
.header-nav-folder-content {
    width: auto !important;
    min-width: unset !important;
}

You can find more code on Dropdown Menu here