Changing Menu Opacity on Select Pages

I want to change the transparency (perhaps it’s referred to as “opacity”) of the menu. On the home page of my site I have an image and as the page is scrolled the menu bar changes to gray and is slightly transparent. I like that. The other pages of my site consist of text and no images. As I scroll through the text, the menu bar turns gray, but the text is visible through the menu bar. That’s what I don’t like. So here’s what I’m hoping you can held with: I’d like to keep the menu bar transparency as it is on the home page and change it for all subsequent page so there is no transparency on those subsequent pages. Here’s the address to my website: so you can see what I’m talking about.

If you’ve previously answered this question and I missed it, sorry. I really love the theme by the way. Thanks in advance for your time.



Please try this CSS code below:

body:not(.home) .site-header.float-header {
    background-color: rgb(63,63,63);

Put the code into Customize > additional CSS



That did it! You’re the best.