Header animation on loading page (frosted effect)

Hello,

Thank you for reaching out to us.

Please test how this works in different browsers and let us know the results.

Best regards,
The 8Theme Team

Hello @Luc,

As you are using the WP Rocket cache plugin, we have adjusted the settings by excluding the logo image class from lazy loading. This change prevents the header from jumping and the sticky effect from being triggered unnecessarily. You can see the update here: https://prnt.sc/-K1TaZIbUUxy.

We have tested the site on our devices, and the header now displays correctly. Please check it on your side as well.

Additionally, we can assist you in modifying the header with an alternative sticky effect on mobile devices to avoid similar issues, should they still appear for you or your customers due to caching or other factors. If you would like our assistance, we will be happy to help.

Best regards,
Jack Richardson
8Theme Team

Hello @luc,

We would like to know your opinion on our suggestion to modify the sticky header by applying a different effect on mobile devices, as it . If you approve, we will proceed with implementing this functionality.

Best regards,
Jack Richardson
The 8Theme Team

Hello @luc,

Could you please confirm whether the current setup meets your requirements, or would you like us to implement specific adjustments for certain devices?

Best regards,
Jack Richardson
The 8Theme Team

Hello,

Please attach a video to help us better understand the current version of the issue, as it has been some time since your last update. We have received a large number of requests from different customers during this period, each with unique requirements.

Best regards,
8Theme Team

Hello @luc,

Thank you for your video. Please provide us with the correct wp-admin access in the private area, as it appears that the previously provided credentials have been modified and we are unable to log in.

Best regards,
Jack Richardson
The 8Theme Team

Hello @luc,

After a thorough analysis of the issue, we found that the header sometimes displays correctly but shows a one‑second white background before disappearing. It is possible that one of the plugins installed on your website contains a script that triggers window scrolling for its own purposes. When this occurs, other elements, including the header area, are also affected.

As a temporary workaround to prevent the sticky header from glitching, we have applied a different type of sticky header on your website with the following configuration: https://prnt.sc/Qgud0D48QQSU. After testing on mobile devices, we did not observe the issue you previously mentioned with these settings.

Could you please provide us with your feedback on whether this solution works well for you?

Best regards,
Jack Richardson
The 8Theme’s Team