When you merge the files, they may load out of order depending on other settings, or they may be in order but broken due to minification.
Have you tried without merging?
Yes, without merging everything is fine.
But i’ve always used this option, and it always worked fine. But since the last update (or some before that), when i merge my css, some pages break a little.
The issue is with your /wp-content/themes/tb/css/tb.css
file.
You are using @import rules which are deprecated and FVM was merging them in place.
Any @import rules should be avoided for performance reasons.
When you use @imports, these need to be the first thing on the file.
https://www.w3.org/TR/CSS2/cascade.html#at-import
FVM was fetching and merging the @import files in place, however, on the next version I have changed it to become prepended according to specification.
It works when you are not minifying or merging because the browser knows that import rules need to load early, but after minification, there were no import rules… so the rules change position.
It’s fixed on 3.1.9 please update.
Thanks for reporting
Thanks Raul!
I will change the order of the import rules here, too.
Best,