Thank you for your interest and your innovative attitude.

I am looking forward to your new feature.

Still I have the problem with auto load. Tried many different variations. I think nor tagdiv team nor wp-rocket can do anything because of the security concerns. My whole site is static. I don’t need nonce or any other security concern for form fields. Yet I have to face this issue and manually purge cache every day or change wp-rocket or get rid of auto load feature of Newspaper theme which seems appealing.

Wp-rocket still doesn’t support Cloudflare APO for about one year. https://docs.wp-rocket.me/article/1444-is-wp-rocket-compatible-with-cloudflare-apo

Yes, I use APO but I set cloudflare respects header ttl of the website.

I think it is a common problem with cache plugins when they cache pages with form fields on pages. So they want security and they set a “nonce” lifespan of 24 hours. This breaks the page with forms and js.

Wp-rocket advices to set cache lifespan to 12 or even lower in the cache settings This makes server load every 10-12 hours. And cloudflare cache also must be cleared.

I do it manually now. Maybe wp-rocket team can support better solution if we request with new topics and referencing this topic.

Note: As far as I know current wp-rocket version doesn’t support APO, so when you enable CF addon, clearing wp-rocket cache will not clear CF cache at the same time. This can be a feature request for wp-rocket.

For further info you can read this article.

I couldn’t, yet. I think the problem is the conflict of cache expiry time and cloudflare settings. Plus, It can be a “nounce” expiry problem as mentioned in some articles.

By saying “auto load” I meant “infinite load” of posts.

Well. There is no blank column and I imported new post templates to test but nothing changed the situation.

But I have found the problem.
The problem is here in the header section:

<div class=”td_block_wrap tdb_header_logo tdi_10 td-pb-border-top td_block_template_18 tdb-header-align” data-td-block-uid=”tdi_10″>

In this wrapper the associated CSS has 20px padding declared as seen below. when I disable the padding, the mobile menu is OK.

.td_block_template_18 {
padding-top: 20px; // problem is here
}

I think it is because of original theme settings. Because I don’t set 20px padding for any block or header element.

It is interesting that td_block_template_18 which is a post content element is declared in the site header .

Well. There is no blank column and I imported new post templates to test but nothing changed the situation.

But I have found the problem.
The problem is here in the header section:

<div class=”td_block_wrap tdb_header_logo tdi_10 td-pb-border-top td_block_template_18 tdb-header-align” data-td-block-uid=”tdi_10″>

In this wrapper the associated CSS has 20px padding declared as seen below. when I disable the padding, the mobile menu is OK.

.td_block_template_18 {
padding-top: 20px; // problem is here
}

I think it is because of original theme settings. Because I don’t set 20px padding for any block or header element.

Open tag div composer, select Manage from the left menu. Then you can switch between the layouts of mobile and desktop. And make the changes here.

https://forum.tagdiv.com/tagdiv-composer-tutorial/

The CLS issue. I also came across I think there is a theme bug.

Using Global header in widgets area cause CLS. It also effects header style. I tested many times. When I chose for example header style 8 then it resolves.
The big title with global header is the problem.

I think theme designers should fix it.

Thanks for your answer but my background problem still exists. Let me tell me what I have done.
I have set a bg pattern in Background section of the theme.
I have set a green bg colour in theme colours.

You can see the result in the link below:
https://www.english-learn-online.com/wp-content/uploads/image.png

As you noticed bg colour #fff opacity is set to half manually by css so that my green bg colour and my custom pattern can be seen. I think when I set bg image and colour the theme did not outomatically cleared the white background colour. That is why it overlays my bg pattern and custom bg colour.

Thanks for your answer but my background problem still exists. Let me tell me what I have done.
I have set a bg pattern in Background section of the theme.
I have set a green bg colour in theme colours.

You can see the result in the link below:
https://www.english-learn-online.com/wp-content/uploads/image.png

As you noticed bg colour #fff opacity is set to half manually by css so that my green bg colour and my custom pattern can be seen. I think when I set bg image and colour the theme did not outomatically cleared the white background colour. That is why it overlays my bg pattern and custom bg colour.