The media query CSS controls in Dreamweaver do not respond ...

[brushwipe]

Hello,

I am new to Dreamweaver and am following a tutorial dealing with inserting a hamburger.  I have the hamburger inserted in one of two divs within the header.  The other div controls the regular navigation ul content.  My selectors for the 400 max and the 401 to 768 work for inserting background colors into the header. I have chosen to color the three sizes differently in order to more easily check the cut off breakpoints.  The header is 1200 max width and colored black, while the others are red and green respectively.

My problem is that while I can set both mobile and tablet to display 'none' in global but when testing in the browser they remain invisible.  Two days ago they were behaving correctly but I noticed other files were behaving strangely or were absent.  I suspected a bug and uninstalled Dreamweaver then reinstalled the program. I observed that the global setting work satisfactorily but the media queries settings were not working as hoped.

I attach a screenshot of my coding.  The ul nav doesn't respond when setting to none in 401 - 768px nor does the burger if set to block.

Has anyone else noticed any problems with the latest release of Dreamweaver 2018 edition?

[BenPleysier]

Dreamweaver is merely a text editor, it does not cause a failure in a program. The solution to your problem has to be sought in the code, both HTML and CSS.

For us to be able to help you, you will need to copy and paste te code here

[brushwipe]

My thanks to all who replied.  I managed to get it working. Trouble is the curve for me is quite steep but what the hell.  I am left with sorting out a load of irrelevant selectors.  I think the key is accepting the selector that Dreamweaver creates and not giving them cute names. Onward - now to jQuery...I may be back!

[osgood_]

brushwipe  wrote

My thanks to all who replied.  I managed to get it working. Trouble is the curve for me is quite steep but what the hell.  I am left with sorting out a load of irrelevant selectors.  I think the key is accepting the selector that Dreamweaver creates and not giving them cute names. Onward - now to jQuery...I may be back!

Hey buddy you don't want to waste your time messing around with all that tricky coding, there are far better things you 'code' be doing, like eating ice-cream, a bag of your favorite crisps, a nice glass of wine (only if youre old enough though).

I have the perfect solution for someone like youself, an extension to the rescue.

I think these guys may have everything you require my friend:

Responsive Web Design Extensions, Apps, Add-ons and Plugins for Dreamweaver

https://www.dmxzone.com/

Seriously though get stuck into the coding you will learn a lot more.

[brushwipe]

I use Adobe Muse.  I'm quite good at that so I thought a challenge, just to keep the little grey cells active, would be just the ticket for a geriatric. As from today, I am an 82-year-old unretired designer. (my birthday is today - don't bother with a card thanks!)

[osgood_]

brushwipe  wrote

I use Adobe Muse.  I'm quite good at that so I thought a challenge, just to keep the little grey cells active, would be just the ticket for a geriatric. As from today, I am an 82-year-old unretired designer. (my birthday is today - don't bother with a card thanks!)

Good for you, mental agility is an excellent form of exercise, you certainly don't do any of that using an extension. Happy Birthday!

[Preran · Accepted solution]

Also did you try using the W3C validator?

How to optimize and debug code in Dreamweaver

[Nancy OShea]

Can you copy & paste the Media Query code into a Web Forum reply?  It might be something as simple as a missing semi-colon ; or set of curly braces { } in your CSS code.