Visual Media Query issue..

Question

Hi All,I'm new to Dreamweaver 2020 and am trying to set up the Visual Media Query Bar.I have toggled it 'on' and 'off'. So I can see it's there. But I can't get the VMQ Colored Bars to actually appear.I have written Media Queries code directly into the CSS, and they do work properly with the code. But still no colored bars.I'd like to use this feature as it obviously allows me the ease of clicking right to the proper media sizing points, within the VMQ Bar. Seems like a great feature. But I continue to get no colored bars added.I've tried entering from both the side Proprties Panel, as well as the VMQB directly (with the "+" sign).When I try using the VMQB "+", I get in the 'options box' the choice of either 'Create a New CSS File' or 'Define a Page'. I don't get the option of adding it to my 'styles.css' page, as the 'how to' shows.If I use the 'Define a Page' option, it adds a new query to my CSS code, but again, even that still doesn't show up in my VMQB, ... no colored bars.What small detail am I missing here??Thanks- Sol

Jon Fritz · Accepted Answer

Is there any chance you have an error in your CSS formatting?

Even something tiny will throw DW for a loop compared to a browser (which is normally much, much better at guessing what is meant when it runs into code errors).

Try running your css through the validator at: https://jigsaw.w3.org/css-validator/ and see if there are any structural errors (especially a missing { or }.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded