Hello,

This is not an issue of image optimization

Here is code from mobile theme:

https://ibb.co/56j3p7J

Only image width=”696″ height=”392″ is preloaded.

I don’t know why multiple images sizes are used on mobile theme.
Can that be changed in theme panel? I mean can I define that only one image size is used for mobile theme for featured image.

Thank you

• This reply was modified 2 years by croboy.
• This reply was modified 2 years by croboy.

This is code

https://prnt.sc/jopx8wZwZNxn

• This reply was modified 2 years by croboy.

I upload images in size 1600 x 840 on all sites.

After I checked once more I see in Cloud template it is ok.
(max-width: 1600px) 100vw, 1600px

In Style 2 I get:
<div class="td-post-featured-image"></div>

When I copy image on desktop page I get image size 800×420

Hello,

Thank you for replay.
That was mobile theme option. Is there any regular reason why it would not be visible?

View post on imgur.com

Problem is that option is not visible

View post on imgur.com

Thank you for replay.
I sent e-mail with links and description since I don’t prefer sharing site address on forum.
It is strange behaviour since I don’t use sticky menu.

Is this CSL problem related to this thread?
https://forum.tagdiv.com/topic/logo-and-menu-is-smaller-on-scroll-on-sticky-menu-newspaper/

I tried this code from that thread but it does not help


.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 60px!important;
}
.td-header-wrap .td-affix .sf-menu>li>a {
line-height: 60px!important;
}


I updated second site to 12.4

When I look source in Google chrome developer tool, while scrolling I see changes in following code


<div class="td-header-wrap" style="position: fixed; top: -60px;">
<div class="td-container">
<div id="td-header-menu">
----

<div class="td-container" style="height: auto !important; padding-top: 60px;">


I don’t know what is that option in theme since on one site I don’t see it and on the other one I see it. Looks like floating menu or something else related to header.

Here are my findings

In version 12.3 there is a problem with breadcrumbs

In version 11.5.1 there is problem with mobile menu since it happens on tag page too.
There is CLS of 0.11

You have to check in developer tool and scroll. Everytime you scroll from top page down or you slide to top there is shift.

I have multiple licenses and multiple sites.

Hello,

I also have problem with CLS on mobile theme.
Everything is ok on https://pagespeed.web.dev/ since that is static load.
When I use Chrome dev tools I see shift everytime I scroll down from the top of screen or scroll to top.

It seems like breadcrumbs problem on mobile theme.

Great! Thank you!

Hi Bettina,

Thank you for a quick replay.
I’d say this is not theme customization. This is SEO/speed optimization and in my option this should be integrated within theme on both desktop and mobile theme.
It improves LCP.
There is way to do it via plugin but I think it is better to avoid plugins for such small changes.

It’s been a while since I asked question.

Some time ago I found the hook that works on desktop.

add_action( ‘wp_head’, function(){
$featured_img_url = get_the_post_thumbnail_url(get_the_ID(),’full’);
echo ‘<link rel=”preload” as=”image” href=”‘.$featured_img_url.'”/>’;
});

Could you suggest what to use for
$featured_img_url = get_the_post_thumbnail_url(get_the_ID(),’full’);
for mobile theme?

Same hook does not work on mobile.
On desktop I got LCP of 0,6 seconds which is great and shows my hosting and cloudflare works

I figured it out. I used visual composer to add block and then switched to classic mode and g otcode.
🙂

<?php echo do_shortcode('[vc_row][vc_column][td_block_16 custom_title="Name of block title" category_id="XYZ" limit="5"][/vc_column][/vc_row]'); ?>

Tnx anyway

• This reply was modified 10 years by croboy.

Hi,

This is exactly what I need. Just one more question about this and I hope it is not out of the scope of support.
Is it possible to define block settings in this way?
I saw this https://forum.tagdiv.com/practical-example-how-to-add-a-new-block-and-module/
but I don’t know PHP. I hope it is possible to define number of articles and category.

Anyway thank you a lot for your help. I hope this will help other customers beacuse it is really great to have blocks beneath article.

I am using DEFAULT SITE POST TEMPLATE=Style1 but I can’t figure out which template is used for that.
I would like to hardcode it in template if there is not other way

Hi Bogdan,

Thank you for a quick replay. Is there a way to make a custom post template that will include block at the end of every post or to hardcode it in main post template? I am really surprised that is not possible by default.

I am thinking to use article bottom ad for that but I would like to combine text with adsense code and theme is deleting everything except the adsense code. Is there a way that adsense code is not modified/resized? I think it would be great if you could have option “Use only original size” and in that case not to change code.
Thank you

BTW, when I add block at the end of a post block is too close to text. Is there any element or way to make additional space between text and block?