Site logo

[Resolved] Cant fix the CLS Problem with my Logo on Desktop version

Home Forums Support [Resolved] Cant fix the CLS Problem with my Logo on Desktop version

Home Forums Support Cant fix the CLS Problem with my Logo on Desktop version

  • This topic has 5 replies, 3 voices, and was last updated 5 years ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1692740
    Max

    Hello,

    i hardly tried to fix the Problems what Googles PSI is reporting on my site, caused by the missing Logo dimensions on the Desktop version of my site. I read already all the other Topics pointing to this issue but nothing of the recommended steps works for me.

    When i used the recommended PHP snippet my logo appears not on the left side anymore.

    Can someone give me a helping hand to fix that issue? Currently i use the plugins: async java script and autoptimize.

    The site im talking about is this

    Thank you very much for take a look 🙂

    Max

    #1692840
    Tom
    Lead Developer
    Lead Developer

    Hi Max,

    You seem to be using a plugin or a custom function to overwrite the default logo with a WebP version. I wonder if that’s causing it not to output the dimensions.

    What happens if you disable that functionality?

    #1693278
    Max

    Hi Tom,

    yes, i use the imagify plugin for serving the pics in webp, but even if i disable the logo for webp psi complains about the missing logo dimensions.

    What else i could try to get my cls down from 0.26?

    #1693401
    David
    Staff
    Customer Support

    Hi there,

    i don’t believe the logo is related to the CLS issue. It looks to be the Sub Menus causing the problem – CLS only gets registered if the shift is unexpected. Unfortunately it doesn’t account for Hover events. So overtime each drop down hover will register a little CSS. Hopefully Google rectify this in their algorithms. However, we will be looking at making some changes in GP to reduce this from happening.

    In the meantime there are two options:

    1. Change the Drop Down menu to Click – this will stop all CLS being triggered.
    OR
    2. Add this CSS, which repairs some of the CLS being registered:

    @media(min-width: 769px) {
      .main-navigation ul ul {
        left: unset;
      }
      .main-navigation ul ul ul {
        left: 100%;
      }
    }

    Note you won’t see the improvements until Google has collected more field data.

    #1693441
    Max

    Hi David,

    many thanks to your great support here! The Drop Down Menu to klick was the solution for my site, which lowers my CLS from 0,26 to currently 0,04.

    Have a great day,

    Max

    #1693864
    David
    Staff
    Customer Support

    Perfect – the Click method is the all round better method 🙂 Glad to be of help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.