Combined CSS Breaking Divi Header

Hey there @puddesign,

You can use the Exclude options, to exclude specific styles from being combined.
If a script that may be causing the issue is not found in the excludes dropdown, you can use the filter we’ve provided:

add_filter( 'sgo_css_combine_exclude', 'css_combine_exclude' );
function css_combine_exclude( $exclude_list ) {
    // Add the style handle to exclude list.
    $exclude_list[] = 'style-handle';
    $exclude_list[] = 'style-handle-2';

    return $exclude_list;
}

If you still have difficulties, please enable the option and ping me here to investigate further.

Kind regards,
Stoyan

I can’t actually find out which one is causing it, I have re-enabled combine CSS

on a staging site https://www.staging3.zencombatfitness.com/ so you can see the issue, the top header should be black

• This reply was modified 3 years, 4 months ago by Steve.

Hello @puddesign,

I have checked the case in details and find that the issue is related to the Dynamic CSS option of Divi Theme. It loads the CSS styles in a custom way which prevent us to catch them and list them in the combined CSS list for exclusion.

Note that combination or minification of a dynamic style is not recommended, so we suggest you to disable Dynamic CSS option on the Divi Theme settings.

Best Regards,
Elena