Hello,
The behavior you’re seeing is related to initial rendering during page load.
When the page is opened for the first time, the HTML loads before all CSS and icon fonts (Font Awesome) are fully initialized. During that short moment, the icon used in the Table of Contents widget renders incorrectly, which is why the large “X” briefly appears.
This is not a theme malfunction, but a loading/rendering timing issue that is usually related to Page loading speed, Server response time, Delayed CSS/JS execution and Icon font loading before full initialization.
Recommended Solutions
You can resolve or minimize this in one of the following ways:
Check server performance and resource limits and Enable proper caching and Use a CDN (if not already active) and Avoid delaying critical CSS or icon files.
You can enable a site preloader from Theme Settings > Performance > Preloader so the page content only appears after everything (HTML, CSS, icons) is fully loaded. This prevents visual rendering flashes during initialization.
Additionally, try to switch from a Font Awesome icon to an SVG icon. SVG icons do not depend on font loading and will eliminate this flash effect.
Best Regards,
.
