Astra Header CLS issue White Box

getting the same here too the mobile menu is loading on page load, I also been getting a white border line below header.

Astra support says can be due to cashing plugin like Sg optimizer or wp rocket ect.

If the plugin has a feature to exclude files, please try to exclude the following JS file so it won’t be delayed.

wp-content/themes/astra/assets/js/minified/frontend.min.js

wp-content/themes/astra/assets/js/minified/frontend-pro.min.js

If you are not sure how to do that, please refer to the plugin’s doc or get in touch with the plugin’s author/support.

problem is when you exclude them this error comes up in google console

Uncaught ReferenceError: astraToggleSetupPro is not defined
at AstraToggleSetup (frontend.min.js?ver=3.7.5:1)
at HTMLDocument.<anonymous> (frontend.min.js?ver=3.7.5:1)

try this if you get errors, think its fixed mine

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js

Where are you entering that line into? A cache plugin? Adding onto what they said?

Hi @b2nmusic,

What optimization plugin you are using on your site? Mostly the CLS issue with the Astra theme is related to the optimization plugin.

However, it’s better if you start your own thread as even the symptoms look the same, the root of the issue could be different. You can cross-link this thread if you like so we are aware of both.

And @btbed2, since the issue is resolved, please mark the topic as Resolved.

Kind regards,
Herman ??