kungi

Thanks man

exactly my problem -.-

so only workarounds are:

-) copy whole stylesheet to child theme
-) hardcoded when importing css:

<style type=”text/css” media=”print”>
@import url(‘print.css’);
</style>
or
<link rel=”stylesheet” href=”print.css” media=”print”>

right?

ok last observation:

when I copy the whole css file from the standardtemplate to my new one, instead of using @import, everything works fine, even in Comp mode …

Ok, what I can’t understand is the fact, that media queries only works on > IE7, that means that the compatibility mode should break the website, like it does with my problem

but why is it working with the standard theme demo?

https://themeid.com/demo/responsive/

here it doenst matter, and if i just use this theme, everything works.

does @import destroys something?

Ok, I found out, that i didnt included the Media queries,

but nevertheless, it doesn’t work:

first i had it this way:

@import url(“../responsive/style.css”); this results to the 2 screenshots above.

then I changed it to:

@import url(“../responsive/style.css”) all, print, screen and (max-width: 240px), screen and (max-width: 320px), screen and (max-width: 480px), screen and (max-width: 650px), screen and (max-width: 980px);

which results that when I turn on Comp Mode, NO CSS rule gets loaded (except the media querys)

and

@import url(“../responsive/style.css”) all;
@import url(“../responsive/style.css”) print;
@import url(“../responsive/style.css”) screen and (max-width: 240px);
@import url(“../responsive/style.css”) screen and (max-width: 320px);
@import url(“../responsive/style.css”) screen and (max-width: 480px);
@import url(“../responsive/style.css”) screen and (max-width: 650px);
@import url(“../responsive/style.css”) screen and (max-width: 980px);

didnt fix it eigther ??