How to make Product header Roll-over transparent but Solid on Scroll down

Hi There,
As the video attached explains, we can make a normal page header Roll-over transparent but Solid on Scroll down. For some reason, we can not reach the same on the product page. ( with same heading settings.
Please check attached video link and also website and let us know how to resolve.
Thanks.

Hello,

Please update your site admin access so that I could check the settings. I cannot log in with the credentials provided before

Best Regards

Please check.

Hello,

I need admin rights to enter the Dashboard and check the header builder settings.

Best Regards

Sorry, you now have access as admin…

Hello,

Header Overlap is not very good for a product page it if overlaps the content https://gyazo.com/3fa1165397af437caedde403dc8dcd8e

If you still want this type of the header, please add this CSS to the Theme Settings > Custom CSS > Global

body .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) {
   background-color: transparent;
}

Best Regards

[Author]

Posts