Mobile Menu/header region issue

Perhaps this is an issue with my Autoptimizer config?

I am having the same issue with my website. What theme are you using?

I’m running Bridge (Qode), though obviously I’m using a child theme.

looks like jquery from that CDN (weird setup) is slow to arrive, causing “jQuery is not defined”-errors even when jQuery is not asynced. You could try without the CDN or you could try to keep the Autoptimized JS deferred instead of asyncing it?

How would I go about keeping the Autoptimized JS deferred?
I’d like to try any potential options before I test without the CDN/potentially look for a new CDN if that’s the culprit.

Thanks

How would I go about keeping the Autoptimized JS deferred?

by unticking the “enable autoptimize support” option at the bottom of the screen.

Gotcha, thank you. I’ll give that a go and report back with the results.

Though, personally, would you suggest just making the switch to Cloudflare? I imagine this should address the issue as well?

• This reply was modified 5 years, 7 months ago by thealonsotron.

Went ahead and unticked the “enable autoptimize support” option and that didn’t seem to solve the problem.
I suppose the next step now is to look into switching to another CDN (I’m thinking Cloudflare)

Edit: Went ahead and switched off the CDN as well, and the issue still seems to be present.

• This reply was modified 5 years, 7 months ago by thealonsotron.

well the “jQuery is not defined”-error is gone but there are some others. can you try “defer” iso “async”?

I’m not sure I follow, jquery is set to exclude and “enable autoptimize support” is off. What is it you want me to try?

• This reply was modified 5 years, 7 months ago by thealonsotron.

What is it you want me to try?

well, asyncJS is now set to “async” and I would like you to try switching to defer instead (it’s higher up the settings page, not in the “autoptimize integration”-field)

Ah! Gotcha, sorry it’s been a long day and it’s just about 3:30am here. Not processing information amazingly right now haha.

Giving this a go now.

Edit: Async JavaScript Method switched to “defer” though I’m not seeing any change.

• This reply was modified 5 years, 7 months ago by thealonsotron.

looks like the problem is due to your AO config rather then AsyncJS, can you untick the “also aggregate inline JS”-option?

Beautiful that did it!

Thank you very much, you solved a serious headache. Am I good to revert the changes we did to AsyncJS, or should I leave it as is?

Thank you very much, you solved a serious headache.

you’re welcome, feel free to leave a review of the plugin and support here! ??

Am I good to revert the changes we did to AsyncJS, or should I leave it as is?

feel free to try ??