Bluehost which is hosting my WordPress files, doesn't seem to be reading my @media code.

Everything starting with an @ symbol is greyed out and is not being read at all which means my site is currently completely unresponsive.

Anyone know why or how to fix this?


  • You need to talk to Bluehost about this – Tom J Nowell Jul 2 '17 at 21:30

Media queries are not used by default. They are only used if the screen's size matches one of the conditions. For example:

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

Will only trigger if your screen size is below 1000px wide. If you are visiting the page and your screen is larger than this, the browser will show this query as grayed out, since it's not being used.

But if for any reason your responsive CSS file is not being loaded, I suggest you add it to the bottom of your style.css file. This way it will be loaded for sure.

  • What @Jack said. You can change the screen size in Firefox (for testing) via Ctrl+M. Then use the developer tools to see the css files loaded. – Rick Hellewell Jul 3 '17 at 2:32

Not the answer you're looking for? Browse other questions tagged or ask your own question.