Thank you!

I have tried to follow your instructions but the header css gradient menu contains no dropdown menu in my version of the composer (latest version). There is just a blank field. When i fill it with “hidden” there is no change…

Greetings Kathrin

Could you implement something like that? Because images cause a too high Largest Colorful Paint and also a Cumulative Layout Shift – both violates the new Google Web Core Vitals.

Greetings Kathrin

So I have changed the container back to 300x250px but then I always get an ad with the scale 300x600px, so I changed the div container to 300x600px… But what about this: https://support.google.com/adsense/answer/9467650?hl=en

Or what about this: https://support.google.com/adsense/answer/9183363

What would be the exact size best fitting to the desktop theme of newspaper?

Greetings Kathrin

• This reply was modified 6 years by Topfgartenwelt.

When I delete the text-logo in the themepanel I have the problem that I lose the name of my blog and in the mobile version instead topfgartenwelt newspaper is shown. So the it seems to be the only possibility to use the svg-logo beside the text-logo, but I don’t like that look 🙁 Is there a way to show only the svg logo on desktop but keep the textlogo for mobile?

Greetings Kathrin

Could this be a problem when the div-container is set to 500×250 px because otherwise the delivered ads have always the wrong size…

Greetings

Ok, thank you very much. I think it worked, but now I have the problem that there is not only shown the SVG-Logo but also the header title-text Topf.Garten.Welt (https://www.topfgartenwelt.com/bluetenendfaeule-tomaten-kalziummangel-wegen-hitze-was-tun) Is there a way to remove the title text without losing the the title completely?

Greetings Kathrin

Thank you very much! But there is still a problem with the div element. I have set it to 300px – 250px as you have recommended. When scrolling just down there is no CLS (cumulative layout shift) but when scrolling up and down the CLS appears again? What is causing that problem? There is no such problem in the mobile theme what kind of code you have used there?

And there is another problem with the responsive ads – it’s completely irrelevant if i use a div container sized 350×250 or 250×250 AdSense always delivers an ad sized 300×600. Why? There shouldn’t be any place for such a size…

Greetings Kathrin

• This reply was modified 6 years by Topfgartenwelt.

Ok, but I want to use the code for the header-image (logo) too and I don’t know where I should set it… There is no field in the tagdiv-composer to enter that piece of code…

Greetings Kathrin

I have entered the AMP Ads Code in the slot for the normal mobile ads too. So there are both codes and it works fine. I’m using Google AdSense, but I think that should be irrelevant.

Is it also possible to change the container to another size like 500px x 500px or isn’t that a good idea?

Greetings Kathrin

Thank you very much! It seems that the cumulative layout shift is reduced by using the div container.

Greetings Kathrin

Ok, thanks for the code, but where I should implement the code? Which file and which position?

Greetings Kathrin

I did some research and it seems that the code for the implementation of Google Analytics has change. Now I took the code provided by Google itself and it seems that it works again correctly.

Greetings Kathrin

Thank you very much – it works!

Greetings Kathrin

Thank you very much! But would be there a way to take the ad implementation code from the mobile theme and replace the code from the td composer in the desktop theme with it? Or would it be possible to make the current code static with width and height?

Greetings Kathrin

• This reply was modified 6 years by Topfgartenwelt.
• This reply was modified 6 years by Topfgartenwelt.

Thanks that works perfectly!!

Ok, thank you for the information – so I have to comment out that complete part:

tdAffix.init({menu_selector:”.td-header-menu-wrap”,menu_wrap_selector:”.td-header-menu-wrap-full”,tds_snap_menu:tdUtil.getBackendVar(“tds_snap_menu”),tds_snap_menu_logo:tdUtil.getBackendVar(“tds_logo_on_sticky”),menu_affix_height:48,menu_affix_height_on_mobile:54})?

Greetings Kathrin

The code works but causes an layout shift 🙁 At first the H1 and the content are loaded with the originally defined space between them and after some miliseconds the new defined increased space is shown. Is there a way to put these part of code in the style.css directly?

Greetings Kathrin

I have found this part of code in wp-content/plugins/td-composer/legacy/Newspaper/js (tagdiv_theme_min.js): tds_snap_menu_logo:tdUtil.getBackendVar(“tds_logo_on_sticky”) – Could this part of code cause the cumulative layout shift concerning the header logo in the desktop-version?

Greetings Kathrin

I know you are working hard on that problem. But it seems that the code you gave me and modified the min.js in the mobile theme worked. The layout shift is getting better and the test tool (plugin for chrome doesn’t show any layout shift anymore). So my question is: is there also a min.js file for the desktop version that I can modify in the same way?

In wordpress/wp-content/plugins/td-composer/legacy/Newspaper/js I found the following file: tagdiv_theme_min.js (the same file that you mentioned for the mobile theme) and it includes this part: tdAffix.init({menu_selector:”.td-header-menu-wrap”,menu_wrap_selector:”.td-header-menu-wrap-full” After commenting out tdAffix.init(“.td-header-menu-wrap”) in the mobile js file as you recommended the cumulative layout shift was gone, but what should I do here? There is also contained menu_wrap_selector:”.td-header-menu-wrap-full…Thanks for your help!

Greetings Kathrin

• This reply was modified 6 years by Topfgartenwelt.

Thanks for the information, I will ask in the Google Forum 🙂

Ok, but why they are appearing as sitelinks? This is totally senseless. As sitelinks there should be the categories and something like that…

Greetings Kathrin

No, I just searched for topfgartenwelt in Google and than I get the pages as mentioned before.

Greetings Kathrin

Dear Calin,

the overall score is not the problem, the problem for the mobile as the desktop theme is the cumulative layout shift which is part of the web core vitals. As you can see the CLS is for

Desktop: https://i.imgur.com/7ckfgfG.png 61% (green) 11% (orange) 28% (red) the time is 0,28s but Google only allows a maximum of 0,25s. Otherwise the page is categorized as poor. In my case all 175 sites are categorized as poor because of a to high layout shift. I don’t use any Google Fonts and I have deactivated the Font Awesome for the menu, but there is a problem that persists. When I prove the desktop-site with the Google Plugin for Chrome to count the Webcore Vitals I get a bad score as soon as I scroll up and down. As you can see it here: https://www.topfgartenwelt.com/cumulative-layout-shift

And if the CLS is not fixed the site never matches the Speed Test. But that will be a big problem in future because that will be a ranking factor.

Is there nothing in the desktop-version like this (as you mentioned for the mobile version) that could cause the problem with the layout shift: wp-content/plugins/td-composer/mobile/js/tagdiv_theme.min.js and search for tdAffix.init(“td-header-wrap”)??

Greetings Kathrin