We do not provide support for hacks, so use them at your own risk. If you're not comfortable with coding, we recommend against using this workaround.
Step 1
In the page editor create a new section with the modules that you would like to use and style them. Click on any module inside of this section to open the module settings and switch from "Content" to "Section" settings. Find the "Height" setting and choose the "Fullscreen" option from the dropdown. Finally in the "Miscellaneous" settings add the "fixed-section" class name to the "Classes" field:
Step 2
In "Look & Feel" > "Edit Custom CSS" add the following code:
.fixed-section {
position: fixed !important;
left: 0 !important;
top: 0 !important;
pointer-events: none !important;
}
Now your section is fixed on the page.
Step 3
Create a new section right after the fixed one. Add any content you would like to show on top of the fixed section. Finally, in the "Section" settings open the "Miscellaneous" option and set "Order Stack" to a value of 1 or higher (make sure that your sections have a higher z-index than the fixed section).
In our case, we used the "Image" modules and some animations in order to create a nice intro effect. You can learn more about animations here. In the end, you will receive this result:
