I have a problem where the navigation bar moves down 50px as the page redraws. Profiling with Chrome dev tools/Performance, I am able to log that CLS event:
Cumulative Layout Shifts can result in poor user experiences.
Cumulative Score 0.04038
Had recent input: No
Moved fromLocation: [0,133], Size: [1058×50]
Moved toLocation: [0,183], Size: [1058×50]
Moved fromLocation: [0,183], Size: [1058×731]
Moved toLocation: [0,233], Size: [1058×681]
Related Node div.navigation-top
Related Node div.site-content-contain
I’ve no idea how to fix this, or determine what is actually causing the shift. I’ve disabled various optimising and customisation options and the problem persists, so I’m wondering if anyone there has a suggestion.
The page I need help with: [log in to see the link]
Just to be clear, this happens on any of the menu items where the header shown is the abbreviated image (not the front page).
What is strange about this, is that when I view the pages in the WordPress, Customiser, they do NOT move. They take longer to draw, so I’m assuming that is the reason… (I don’t really know enough about how to proceed with this)!