Support » Theme: Twenty Seventeen » CLS problem with navigation menu bar

  • Resolved bst7


    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
    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

    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]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter bst7


    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)!

    Thread Starter bst7


    I’m closing this as this is a problem endemic to the theme itself. See:

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