CLS problem with navigation menu bar

  • Resolved bst7

    (@bst7)


    3 years, 5 months ago

    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:
    `Layout Shift
    Warning
    Cumulative Layout Shifts can result in poor user experiences.
    Score 0.04038
    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.

    Thanks!

    William

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CLS problem with navigation menu bar’ is closed to new replies.