Change Header Color On Scroll - 7.1 Blog

Hi all,

I want to keep my navigation transparent when first land on the blog page. I have used this blog banner plugin at the top of my page. I want the nav to stay transparent here, then change to #38383B (and without logo) on the scroll. I have tried inserting the following but it is still solid at the top of the screen. 

<style>
  .header-announcement-bar-wrapper {
    background: #38383B !important;
}
</style>

Thanks! 

Probably would be a good idea to ask the support team at Will Myers I'm sure they can help you.
https://www.will-myers.com/customer-form-submission

Thanks Ziggy - have done that ☺️