How can I fix large layout shifts on my website?

3rdDay
Excursionist
20 1 1

Hi,

 

I keep getting the following show up on PageSpeed Insights under 'Avoid large layout shifts':

<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">

 

 

I wonder what could be causing the shift. Would someone be able to check out this page and this page to try & figure it out?

 

(BONUS Q: I have a cool widget that creates a layout shift when I add it to my theme. Is there an easy way to create the space in my theme's code so that the shift no longer happens?)

 

Thank you so much in advance to anyone who takes the time.

 

Asa

Asa (3rd Day)
3rdday.co.uk
Reply 1 (1)

andrab
Visitor
1 0 0

Hi,

 

I am having the same issue. I see you have resolved the issue on your website. Can you please share your solution?

Thank you!