Main Navigation Opaque Background Overlay

Site URL: https://enlightenedleaders.squarespace.com/

Hello, I am using the below code to create an opaque black background for my main navigation. At the moment, the code for the opacity is making the text opaque as well. I do not want this to happen - it should be 100% white...

.Header--bottom.Header--overlay {
  background: black;
  opacity: 20%;
}

Site password: MVLF

Please help, and thanks in advance for any assistance!

Remove your code & use this new code

.Header--bottom.Header--overlay {
    background: rgba(0,0,0,0.2);
}

(We can use rgba color to make opacity, instead using opacity attribute)

You are wonderful! Thank you!!!