Hi,
I’m experiencing an issue where the header (logo, search bar, and menu) is not visible on the homepage when the site is opened for the first time in Google Chrome.
On the initial page load, the header area seems completely hidden — it looks like it has opacity: 0 or visibility: hidden.
After navigating to any other page, the header appears normally and keeps working correctly everywhere, including the homepage if I go back to it.
The problem seems related to how the header or sticky header initializes in Chrome on the first load, possibly before JavaScript has finished running. It does not happen in other browsers as far as I can tell.
To help you investigate, I’m attaching:
• The HTML source code of the homepage where the header is hidden ( https://pastebin.com/VivPbXZb )
• The HTML source code of the same page when everything works normally ( https://pastebin.com/k1FznpP9 )
• A DiffChecker link showing the differences between the two versions ( https://www.diffchecker.com/IUcIQIo8/ )
It looks like some classes or inline styles are missing or not applied during the first render in Chrome.
Could you please check if this is a known issue or if there’s a fix/workaround for proper header initialization on the first load?
Thank you for your help!
Attachments:
You must be
logged in to view attached files.