Alternative
Source: https://www.loom.com/share/b921a893d6f84cf5821c325b04ddffc6
- In the theme builder, create a header with a section, row and menu module
- In section » advanced » scroll effects, set sticky position to top
- In section » content » background, you can set the regular background color (or transparent) and a different sticky color.
- In section » advanced » css » module elements » main element, add the css below
CSS for section
position: absolute !important;
Code language: HTTP (http)
Elegant tutorial
- Follow step 1 to 3 from above.
- Also set a minimum height for the section when sticky.
- Then go to the row and set the position to absolute.