@Media rules do not work either in Chrome or in Firefox

Question

Media rules do not work. Not even in DevTools in any of the browsers. I wrote the media at the very end of all styles. In the cap connected:

<meta name="viewport" content="width=device-width,initial-scale=1">

Maybe the problem is that there are no basic rules (not media) for this particular block (only for children in it)? Or is it some kind of Wordpress?

 @media screen(max-width: 1280px) { .header_info .row .row1 { display: none; } .header_info .row .row1 .phone { display: none; } }

humster_spb humster_spb 6,665 one eight 29 · Accepted Answer · 2017-07-12T12:50:58

You and before (max-width: 1280px) skipped. It should be:

 @media screen and (max-width: 1280px) { }

Only I did not add "and" but simply removed the "screen": @media (max-width: 1280px) {}

KAGG Design KAGG Design 20.4k 3 12 44 · Answer 2 · 2017-07-12T12:48:09

There are no css related features in WordPress, and it cannot be, because styles are recognized by the browser.

Maybe the problem is that there are no ground rules (not media)

No, and not in it. Styles can only be listed in media, and nowhere else.

What then? The most common mistake is an unclosed parenthesis inside a css file. After that, everything below is simply ignored by the browser.

No, not in this, the error was that there was a word "screen" but there was no "and" i.e. you need to either finish writing or not write "screen" at all.
But I told you two other points in your question - did you not notice?

2 answers 2