CLS issue due to main section

  • Resolved john4jcgm

    (@john4jcgm)


    2 years, 6 months ago

    Hi @diggeddy
    First of all. Big fan of your theme, its super smooth, fast and well optimized. Great work.
    Now coming to my issue:I got CLS issue big one on desktop of 0.8 and am not using any caching plugin. Its complaining about my main section. Something is wrong, i have tried many layout adjustments but sadly not able to fix it. Any help would be appreciated

    page speed insight link

    Audit: Avoid Large Layout shifts
    Element is in the primary content area : <div id=”primary” class=”content-area”>

Viewing 3 replies - 1 through 3 (of 3 total)
  • David

    (@diggeddy)

    2 years, 6 months ago

    Hi there,

    try adding this CSS to your site – it should fix the issue with the sidebars loading later then the content that is causing a horizontal shift on desktop:

    .both-sidebars .site-content {
    justify-content: center;
}

.left-sidebar .site-content,
.both-left .site-content {
    justify-content: flex-end;
}
    Thread Starter john4jcgm

    (@john4jcgm)

    2 years, 6 months ago

    sadly that did not help but as you said mentioned both sidebar’s word in that, i tried fixing(hardcoding) the width of each of those sidebars and had set main content with width of calc:(100% – Xpx); which has fully fixed. Indirectly you have helped me, so thank you & i can solve this case 🙂 🙂

    • This reply was modified 2 years, 6 months ago by john4jcgm.
    David

    (@diggeddy)

    2 years, 6 months ago

    Glad to hear that!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CLS issue due to main section’ is closed to new replies.

Tags