How to resolve persistent CLS error on a Shopify theme?

Technical Q&A
, , ,
1

I am working on a Shopify theme, and there are 20 poor URLs showing up on Google Console for desktop. The suggested solution is to fix the Core Web Vitals Cumulative Layout Shift (CLS) error?

I have already applied a fixed the dimension of the button like height and width of the buttons to address the CLS error, but it still persists in Lighthouse results. Additionally, I have removed a third-party app that was dynamically changing elements, but the error persists. Can you please guide me on how to effectively resolve this issue?

CLS error.png
CLS error.png1918×794 83.1 KB

google console error.png
google console error.png1920×1064 142 KB

https://pkfaipdvnralfpzn-11339628606.shopifypreview.com/

2

@_1MuhammadUsman
Hello, Can you provide me the URL of your website? By checking the table I can tell you what CLS-related issue is there on your website. way to CLS issue regarding template comes but you have checked all that because also that issue is there for us to check in detail so can you share the URL and admin detail of your website? So that I can provide you proper solution