How to change the colour on only one drop down menu?

I know you have to use this CSS code to alter the colour of the sites drop down menu:

.header-nav-folder-content {background: #a1bea8 }

However is there another code to be able to target specific drop down menus as I want mine to be different colours.

You need to get it's block-id and target by that the actual element !

You can use this Chrome extension to see what is the id for the respective element: 

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

If you want additional information about block id and section id :

You could target subsequent folders in the navigation using nth-child(n), change the colours as needed and add as many as you want.

.header-nav-item--folder:nth-child(1) { 
  .header-nav-folder-content {
    background: #a1bea8; 
  }
}
.header-nav-item--folder:nth-child(2) { 
  .header-nav-folder-content {
    background: red; 
  }
}
.header-nav-item--folder:nth-child(3) { 
  .header-nav-folder-content {
    background: blue; 
  }
}

Hope this helps!

joseph81 unfortunately the block Id extension can't identify the drop down folders.

Ziggy this doesn't seem to work, is there anything else I need to do? Thankyou!

22 hours ago, emilypeacock said:

Ziggy this doesn't seem to work, is there anything else I need to do? Thankyou!

What is your site url? We can check easier