[Resolved] Header Navigation shifts on load

Home Forums Support [Resolved] Header Navigation shifts on load

Home Forums Support Header Navigation shifts on load

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1616920
    David

    Hello,

    During pageload i can see the header menu shift on mobile. i have drilled it down that the shift takes place when navigation-branding.min.css is loaded. In light of Core Web Vitals, I am looking to remove this shift which takes place on page load. See below: https://www.loom.com/share/9972fb4b8e0d4644952c269995d5d169

    Do you know what I can do to make sure this shift no longer appears on the website?

    Thanks,

    #1616990
    David
    Staff
    Customer Support

    Hi there,

    your site is using a lazy loader which is also applied to the Logo image, this is causing the layout shift. You can test this by disabling the lazy loader, and clearing any caches.

    Most lazy loaders provide the option to exclude an image based on a CSS class, you can use the is-logo-image class to exclude the GP logos.

    #1617225
    David

    Awesome, this fixed the issue! Thanks.

    #1617229
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.