Divi Media Breakpoints Not Reflecting on Page Load

Hey Alan,

Divi generates a lot of its CSS (e.g. module-specific CSS) dynamically. Some of this is written to cached CSS files under wp-content/et-cache/ - but note that these are sometimes regenerated. And some is added inline into the page so will never appear in CSS files at all.

Divi's breakpoints are used extensively and in many cases hard-coded in the theme itself, which would make entirely removing a breakpoint a potentially difficult job.

Something you might want to look at though, is the following code in Divi:

Code:

Log In or Sign Up to view this code.

It is used by quite a few places to generate the media queries that end up in the final CSS. And since there is a filter "et_builder_media_queries", you could modify the media queries it returns. I haven't tested it myself, but it looks like you'd need to leave the keys as they are, but could replace the media queries (e.g. by changing 767px / 768px values to something more suitable).

If you're not familiar with WP filters / PHP code, let me know and I'll try to create an example.

I don't think this will eradicate all usage of the breakpoint (not all of Divi's media query generation comes through this code), but it might help a bit.

 

The code is in wp-content\themes\Divi\includes\builder\class-et-builder-element.php at line 19642, but I wouldn't modify the file directly, as your changes will be overwritten as soon as Divi updates.

Rather, the existence of the "apply_filters" in the code means we can write some PHP code that can change the media queries that Divi function returns, and can place that PHP code somewhere where it won't be affected by Divi updates, such as in the functions.php file of a child theme, or in a plugin like Code Snippets.

Here's an example of the PHP code to do this:

Code:

Log In or Sign Up to view this code.

It modifies the media queries references to 767/768px down to 576/577px, and modifies the reference to 479px up to 576px. Most likely you'll need to modify things some more to meet your needs, but hopefully that gives you a start.

 

Happy to help, Alan!