Debut theme CLS issue due to logo resizing

Technical Q&A
1

Debut theme seems to have a CLS issue due to how the logo resizes (I think). Since CLS issues are a no-no for Google search ranking, I’d really like to fix it since it happens on all my pages.

Here is an example of a page and the CLS issue:

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fcamerabutter.com%2Fproducts%2Fgopro-hero-8-glass-lens-replacement-kit&tab=mobile&hl=en

Is there an easy way to fix this? I’m guessing that I will need to go to a fixed size logo - how do I do this? Or is there a better way?

2

bump… hoping for a reply from someone [email removed] Shopify on this, since I imagine that literally everyone with debut theme will want to fix this, as it affects SEO.

3

Bump…

4

I am using Debut theme and this is causing me major headaches. Can someone please answer exactly how to change the logo to fixed width in Debut theme? Exactly what code to change in the header.liquid file?

5

PLEASE does anyone have a solution?