Media query issues

Question

Hi,
After following all procedures of setting up the pages, the folders, etc. I want to INSERT or MODIFY the only one Media Query which is inside a CSS file. I use the one of almost default settings. I just have changed in the phone layout, 6 columns instead of 5.
When I go to Insert or Modify > Media query, a messagge shows up:
"The administrator of media query is not compatible with the fluid grid design." (It is translation from the spanish)
WHat does it mean? I tried updating the software but there are just Action scripts updating, I guess nothing to do with DW and media queries. Any help? I am using Dreamweaver CS6.
Thx a lot.
MARIO V.

Answer 1

In the English version of Dreamweaver CS6, the message you're seeing says "The Media Query Manager is not currently compatible with Fluid Grid Layouts". Selecting Insert > Media Queries opens the Media Query Manager, which creates a site-wide media query file.
The Fluid Grid Layouts create all the media queries in the main style sheet, whereas a site-wide media query file imports separate style sheets like this:
/* Desktop */
@import url("main.css");
/* Phone */
@import url("phone.css") only screen and (max-width:480px);
/* Tablet */
@import url("tablet.css") only screen and (min-width:481px) and (max-width:768px);
As the message says, they're not compatible. In fact, the Media Query Manager and site-wide media query files have been removed from Dreamweaver CC. You now control media queries through the @Media pane in the CSS Designer (which is not available in Dreamweaver CS6).
To insert or modify a media query in a fluid grid layout in Dreamweaver CS6, you need to edit the style sheet manually. It's one of the main drawbacks of the way fluid grid layouts were implemented in CS6.