Solved Sticky Header not working

That would be tricky.

You will need to create another section with white background for the hamburger menu + logo image & apply this: https://www.elegantthemes.com/blog/... Effects to Achieve Hide Before Scroll Effect

 

I don't see any new section on your site. You will need to create a new section with 2 column. And clone your logo image module to the left column & clone the hamburger menu to the right column.

Then you need to go to the Row Settings > Advanced > Custom CSS > Main Element & add display: flex;
**This is to make the logo & hamburger to stay side by side on mobile.

Then, you just need to follow the tutorial instruction & it should work: https://www.elegantthemes.com/blog/divi-resources/how-to-hide-your-header-before-scrolling-with-divis-sticky-options#:~:text=2. Apply Custom Sticky Effects to Achieve Hide Before Scroll Effect

 

Try the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.