If you make a section full screen and add a full width header, it is sometimes jumps, blinks or flickers while the page is loading. You first see the image, then the page loads further and at the end it jumps. Fix with this CSS:
section.et_pb_fullwidth_header.et_pb_fullscreen {
padding-top: 0 !important;
}
Code language: CSS (css)With a transparent menu / navigation
If you have a transparent menu, then Divi need to dynamically calculate the top padding with JavaScript. That makes the module jump. To fix:
/* -- fix jumping fullwidth header -- */
.et_pb_section:first-child .et_pb_module:first-child {
padding-top:175px !important;
}
#main-header {
top: 31px !important;
}
/* -- END fixing Divi theme issues -- */
Code language: CSS (css)Title jump behind header
Source: https://www.elegantthemes.com/forum/viewtopic.php?f=187&t=553849
/* -- FIX jumping headers -- */
@media (min-width: 1024px) {
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container,
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
padding-top: 165px!important
}
}
/* -- END jumping headers -- */
Code language: CSS (css)If this doesn’t work, try the FOUC solution.