I’m using the mobile first approach with a bunch of custom breakpoints. This had been working wonderfully until yesterday (or at least I just noticed the issue yesterday).
These are my Breakpoints:
Every single breakpoint is respected, except for “Desktop M”, which gets overridden by the value of the closest lower breakpoint.
I’ve added a background via custom css to test and this is the output in the frontend:
The media queries are output twice. In the first block, the order is correct and the DesktopM Breakpoint is on top. In the second block however, the Desktop Breakpoint is not being output and therefore overridden by the Desktop S Breakpoint.
If I go further and add styles to Desktop L, it starts working again but still ignoring Desktop M:
What I’ve done so far to try n fix it:
- Regenerate css files as well as breakpoints css (also after each other thing I tried)
- Increase WP Memory Limit to 128
- Rename the Desktop M Breakpoint and change the value to a few pixels less / more to try n trigger a regeneration
- Deactivate other plugins
I’ll send a link and logins via e-mail, but figured I’d post here first in case anybody ran into this before and knows of a fix 