CLS Issue Failing Core Web Vitals (div#x-root > div#top> etc...)

[jamiepen97]

Hi, was passing core web vitals, however now I am having a CLS issue. The issue showing when I do a pagespeed test is:

What is causing the issue and how can I go about fixing this?

Thanks so much

[prakash_s]

Hello @jamiepen97,

Thanks for writing to us.

Cumulative layout shift issues might occur in the fonts, Iframe, images, etc. You need to set the correct height&width depending on the screen size to avoid the cumulative layout shift issue, for that you need to have responsive styling throughout the website. In case you have not seen our responsive styling doc please have a look at our documentation for responsive styling.

Responsive Styling | Themeco Docs

Please have a look at this article to learn more about cumulative layout shift

Cumulative Layout Shift (CLS)

Please note website performance optimization is beyond the scope of theme support. I would suggest you please contact a developer or you can subscribe to Boost where we do site performance optimization.

Hope it helps
Thanks for understanding