Wordpress 网站突然不显示一些 DOM 元素但移动端没问题

Question

So today I discovered that my website's homepage https://olgupsikoloji.com is missing body elements. It is a WP site running on AWS Ubuntu and LiteSpeed with LSCache and Memcached.

The issue is: Some DOM elements right after title bar appear to be hidden, but they are there, just not visible. You can click on them or view hidden images by dragging them.

Here's what I've done: Yesterday, I updated some of the texts in other pages (which are fine) and nothing on homepage.

Here's what I tried to troubleshoot:

• Bypassed Cloudflare
• Cleared LSCache
• Disabled all plugins
• Updated Wordpress
• Updated the theme
• Tested on multiple browsers and devices
• Tested on Safari for iOS (no issues)
• Tested on Chrome for Android (no issues)
• Page Builder seems okay, no open tags or any broken element.

As far as I can tell, it's a rendering issue on Webkit browsers for desktop (?)

I appreciate all the help, it's been driving me crazy.

Answer 1

in your styles.css on line 10041 you have a class with opacity set to 0

.page-has-animation .page-content .tm-animation {
    opacity: 0;
}

and its missing the class to fade it in. ( .fade-in.animate )