SharonN

Thanks @derricksrandomviews but unfortunately it's not working. Any other ideas?

Site URL: https://www.samuelprudden.com

On this website, I'm having an issue with the home page navigation. When first visiting the home page and hovering over "WORK", the black dropdown folder appears but the actual sub nav items are black as well with the link underline showing up in white. This doesn't happen on any other page when trying to navigate to WORK and when a viewer visits another page and then returns to the home page, the sub nav shows up in white. I'm trying to get the initial view on the home page to be white as well. I've included the styles currently being used in the Advanced Page Header Code Injection.  Can anyone help me resolve the issue? 

<style>
 body.collection-type-index .color-weight-dark  #topNav .folder .folder-child-wrapper ul.folder-child li a {
  color: #fff !important;
  }
</style>

<style>
 body.collection-type-index .color-weight-dark  #topNav .folder .folder-child-wrapper ul.folder-child li a {
  color: #fff !important;
  }
.collection-title
{
display: none;
}
</style>

<style>
  .collection-detail-wrapper 
  {
  display: none;
  }
</style>

<style>
 .logo a, .logo-subtitle, #topNav .main-nav li a, #sqs-social a, .sqs-use--icon, .sqs-use--mask, #topNav .folder .folder-child-wrapper .folder-child:before, #mobile-navigation a, .ctrl-button a {
    color: #000 !important;
 }
 </style>

<style>
#sqs-social .sqs-use--icon {
    fill: #000 !important;
}
</style>

<style>
 body.collection-type-index .color-weight-dark  #topNav .folder .folder-child-wrapper ul.folder-child {
    background-color: #000 !important;
}
</style>