The following element in the desktop-version causes a cumulative layout shift:
As you scroll the page down, then up again, there’s some javascript that changes:
<div class=”wpb_wrapper” style=”width: 324px;”> (that’s how it’s first loaded)
to (as you scroll down)
<div class=”wpb_wrapper” style=”width: 324px; position: fixed; top: auto; bottom: 0px; z-index: 1;”>
then when you scroll back up it changes to:
<div class=”wpb_wrapper” style=”width: 324px; position: static; top: auto; bottom: auto; z-index: 1;”>
How can I avoid this? And where I have to change the code?
Greetings Kathrin
Hi,
That effect is for sticky sidebar, if you remove the sticky option, then should be no problems-> https://tagdiv.com/multiple-sticky-sidebars/ -> https://forum.tagdiv.com/smart-sidebar-2/
Thank you!
Dear Calin, the stick-option wasn’t enabled. Is there another way to remove that effect? If I do nothing I get really bad ranking problems… I have created the sidebar with the td-composer and used a template for it. In the themepanel there is only activated default sidebar.
Greetings Kathrin
Hi Topfgartenwelt,
The thing is that the smart sidebar (sticky column) can be set only with tagDiv Composer -> https://i.imgur.com/bHdlPAa.png or using the option from theme panel -> https://i.imgur.com/QXuBVAR.png
If you want I can take a look, but for this I need to login.
Thank you!
Thanks for the information with the smart sidebar. This one was activated in the themepanel. Now I have deactivated it and it seems that there is no CLS in the measuring tool anymore. I will monitor the score in the next few days and hope that this was the last issue with the new Web Core Vitals from Google 🙂
Greetings Kathrin
I have deactivated the smart sidebar in the themepanel and the measuring tool shows no CLS issue anymore, but although the score doesn’t get any better. Is there a way to deactivate the smart sidebar in the code like the deactivation of the sticky header?
Greetings Kathrin
Hello !
Unfortunately this option is not available at the moment in Newspaper Theme.
Thank you !
Dear Vlad, the sticky header has to be deactivated in the Javascript File for the mobile ans Desktop Version. So wäre I can find the smart sidebar in the code?
To comment out some piece of Code ist no Option that is Something that is possible every time…
Greetings Kathrin
Hello !
You can disable it from here but please note that this is not something that we recommend. Any issues occurring after the modifications regarding this will not be covered by the support since it falls under custom work: https://i.imgur.com/h5LrVwa.png
For custom work we recommend you to contact our theme here: https://tagdiv.com/web-development-services/
Thank you !
Thank you very much! So I just have to change enabled to disabled?
Greetings Kathrin
Hi Topfgartenwelt,
I do not know if that will work, I think that it will be better to remove the general class td-is-sticky from the same file -> https://i.imgur.com/Li5nXYO.png in this way the sticky will no longer be set, all you need to do is t remove the class.
Hope this will help you!
Thank you very much, but it seems that the CLS is slightly going down just by removing the smart sidebar in the themepanel.
Greetings Kathrin
