I apologize if I have missed something in the above thread, but I do not see specifically where any code is provided to change the header color on a scroll. I saw the code to change PipB’s logo on a scroll, but not color.
I am interested in finding a way to have the initial header be semi-transparent to allow the menu items to show up a little better on top of the slider image, without covering the slider photos completely, but then I would like the header to switch to solid upon scrolling.
I currently have this CSS code entered in order to get the semi-transparent color initially:
background-color: rgba(238, 238, 238, 0.45) !important;
And I have my menu background in the customizer set to #eeeeee
My site is behaving fairly close to what I envision, but upon scrolling it is still just slightly transparent.
If it is possible, I would prefer that on scrolling, the header and menu be on a solid background that is completely opaque, using color #eeeeee.
The site I am working on is www.stantononline.com
Thank you! The support forum for this theme has helped me tremendously as I have switched themes and updated this site in the past few weeks.