bofslime

Figured it out, disabled the bootstrap option for fusion as my theme already takes care of this. Error is now cleared.

So I have rocketloader disabled, and just double checked to ensure it was still disabled. So that’s all off.
I also have my WP Cache disabled as well while trying to sort this out, and I put Cloudflare into development mode while I’m testing with an incognito window of chrome and Ctrl+F5 to refresh to ensure nothing is cached. I think CF will auto-disable dev mode after 3 hours, but that shouldn’t be a problem when I’m done, and leave it state as noted below.

We’re a non-paid volunteer board HOA, and I was trying to build this site using off the shelf tools to make things easier for someone else to take over administration eventually. I’m also a Network Engineer, and systems admin, so web development is not my strong point. So for some pages I used a builder for page formatting. Right now that builder plugin is Fusion Page Builder. It’s actually not even active on the photo Gallery page, which is interesting.

Looks like the .popover error is directly coming from that Fusion plugin, even though I’m not using it on this page. I’ll have to submit the bug with them.

What’s interesting is the combination needed for the .carousel error. With the Fusion plugin active, it presents whether AO is active or not. When I disable the Fusion plugin, The error is still present until I deactivate AO.

I then tested .carousel error and found it to be present even with all other plugins deactivated except for AO, disabling AO clears the error. (I cleared the AO cache as well to validate it wasn’t storing some of this from when the Fusion Plugin was active.)

I will leave it in the state where Fusion is deactivated, and AO is active with JS optimized, so you can see when setting the ?ao_noptimize=1 fuction. CF Rocketloader is still disabled.

excluding themes/evolve/library/media/js/main_backend.js or themes/evolve/library/media/js/ and/or setting “catch”wrapping” option did not correct.

Thanks again for your efforts on this.

Spoke too soon, seems to be a random failure where it breaks again, and I see the following:

(index):1 Uncaught TypeError: jQuery(...).finalTilesGallery is not a function
    at (index):1
(anonymous) @ (index):1
setTimeout (async)
(anonymous) @ (index):1
i @ jquery.js:2
fireWith @ jquery.js:2
ready @ jquery.js:2
K @ jquery.js:2

Apparently this was caused by when I re-enabled: “Let Autoptimize also extract JS from the HTML”

Edit: OK, it all looks theme related. I disabled JS optimization completely, and I see the error more clear to do with the bootstrap. Will need to look into that further.

Thanks so much again for your help!

• This reply was modified 6 years, 2 months ago by bofslime.
• This reply was modified 6 years, 2 months ago by bofslime.

Oh sorry! There’s some outside country level restrictions that reduces attacks on the site since this mostly services a very local community. I’ve removed it, and you should be able to access now.

Yep, that’s it. Something with the JavaScript optimizations. I’m trying to find js used by Final Tiles, so that I can exclude it. But otherwise disabling optimizations for now works.

Looks like that did the trick, now looks perfectly centered. Thanks!

This change caused my hover effect removal to give a slight unintended shift on mouse over for the top menu. I was using the following to keep the color change, but remove the effect:

/*hover effect removal*/
.link-effect a span {
	transition: none !important;
}

• This reply was modified 6 years, 8 months ago by bofslime.