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

Forum|Forum|8 years ago
November 1, 2017
3 replies
1696 views

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?

This topic has been closed for replies.

Correct answer Preran

Also did you try using the W3C validator?

How to optimize and debug code in Dreamweaver

Nancy OShea

Community Expert

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.

Nancy O'Shea— Product User & Community Expert

Preran

Correct answer

Community Manager

Also did you try using the W3C validator?

How to optimize and debug code in Dreamweaver

BenPleysier

Community Expert

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

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

B

brushwipeAuthor

Inspiring

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!

O

osgood_

Legend

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/