Disable script for Divi Mega Pro and Divi

OK, as a first step; does the problem also go away when you disable “aggregate CSS”?

When I disable AO (by adding ?ao_noptimize=1 to the URL), the Smartsuite menu is broken too, so this looks like it’s not an AO problem after all?

• This reply was modified 2 years, 7 months ago by Optimizing Matters.

Hmm, that’s strange. When I deactivate the AO plugin, the menu is fixed and back to normal. I also tried testing other plugins too to see if they may be causing the broken menu.

And yes, when I disable “aggregate CSS” the problem does goes away

very weird .. can you try either:

* adding wp-content/et-cache/ to the comma-separated CSS optimization exclusion list
* or disabling “also aggregate inline CSS”

and see if either of those fix things?

The first one didn’t work. I tried the second suggestion, it worked but the formatting for our website (link colours, text line height, etc.) changed.

well, given the weirdness and randomness of the situation (as it happens on some pages but on what seems to be a minority) what you could do as a workaround; go to the edit screen of the pages where the problem occurs and in the “autoptimize this page” metabox untick “optimize CSS” and be done with it? ??

The thing is, it’s so random where the menu breaks at specific pages and then is back to normal, and then breaks at another page and turns back to normal. So it’s happening on a good chunk of our pages.

well, guess we’ll have to look for the needle in the haystack in that case ??

can you try excluding each of the following from CSS opt. one by one; divi-style-parent-inline-inline-css or divi-dynamic-critical-inline-css or ul.et_mobile_menu to see if one of those makes a positive impact?

Ok! The first one fixed the broken menu but changed the styles on the website (font size, line height, and link colour).

and if you combine the first and second one; divi-style-parent-inline-inline-css, divi-dynamic-critical-inline-css

Hmm, combining both has the same results as just adding in the first one

Darn .. it’s starting to look like you’ll have no choice but to exclude the theme from CSS optimization in that case (as you confirmed that works) :-/

Forgot to mention, but when I exclude the theme, the styles on my webpage change as well. It looks like turning off Aggregate CSS-files fixes the menu without any changes to the styles. Does turning off this option make the site run a lot slower? What’s the impact?

Assuming you’re on HTTP/2 (which almost everyone is on) then the impact is minimal ??

Thank you so much for your help! I will leave “Aggregate CSS-files” unselected ??