Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 6, 2021 at 2:26 am #1270488
    vadikcoma

    Hello, I’m trying to troubleshoot issue on my site https://coma.lv/. Once you open it there is a hero image on each page. And even though each page is cached, each time you will notice a content jump when loading that image.

    Is there a way to eliminate it? I assume I’m getting bad CLS score because of that and it doesn’t look good too.

    Thanks!

    January 8, 2021 at 2:15 pm #1271067
    Ismael

    Hey vadikcoma,

    Thank you for the inquiry.

    The theme sets the height of the color section dynamically but for some reason this is a bit delayed. Is it still happening when the Performance > File Compression settings are disabled?

    You could also try this code in the Quick CSS field to set manually set the height of the color section.

    .av-minimum-height-75 .container, .av-cell-min-height-75 > .flex_cell {
	min-height: 75vh;
}

    Best regards,
    Ismael

    January 8, 2021 at 8:04 pm #1271152
    vadikcoma

    Actually it works!

    I’ve added same code to 50% sections and they don’t jump anymore.

    Thank you!

    January 10, 2021 at 6:53 am #1271308
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 10, 2021 at 1:20 pm #1271348
    vadikcoma

    Please consider as solved

    January 11, 2021 at 2:05 am #1271415
    Jordan Shannon

    Hi,

    I’m glad this was solved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to fix CLS issues and jumping content’ is closed to new replies.