Skip to main content
dougcomz7476595
dougcomz7476595
Known Participant
March 2, 2020
Answered

css designer cant find my media querys?

  • March 2, 2020
  • 1 reply
  • 2485 views

The media querys are not visible in CSS Designer for my custom CSS?   This has happened a few times before, but the media querys I have set up do not appear in the designer module. And when I try to add new media querys, but they do not appear either. I'm using DW 20.1 in Bootstrap. The bootstrap CSS shows up, with all its querys. 

???

This topic has been closed for replies.
Correct answer Nancy OShea

Unfortunately, that didn't work. Even after I traced down every detail, and ran the CSS validator as well and fixed a few things. I was hopeful at first, and 3 of the MQs showed up. But now they have disappeared again. 


Please remove .98 from your media queries.  With pixels, you should round up or down to the nearest whole number.  

 

What happens if you comment out Bootstrap? 

 

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
March 2, 2020

Bootstrap really does take care of most if not all breakpoints for you.  It's very rare that you should need additional MQs but if you do, add them below Bootstrap CSS.  Without seeing your code, I'm guessing you may have some code errors that need attention.   Check your CSS and skip the vendor-prefix warnings. 

https://jigsaw.w3.org/css-validator/

 

Nancy O'Shea— Product User & Community Expert
    dougcomz7476595
    dougcomz7476595Author
    Known Participant
    March 2, 2020

    Thanks for getting back to me, I did run the code through the validator, but it's still no show on the MQs. A curious thing, don't know if it means anything, but when I hit Attach Style Sheet in the menu, and browse, it shows my CSS files as type: BBEdit text document. I don't remember seeing that before? Is that normal?

    dougcomz7476595
    dougcomz7476595Author
    Known Participant
    March 2, 2020

    It almost sounds like the file has accidentally been saved with a .txt rather than a .css extension. 

     

    It would make sense that the styles would be ignored in DW, it wouldn't know to add them if they were in a .txt file.


    Thanks for responding - they still have .css on the ends, and when I do the same operation on my laptop, as I did on my desktop (where I do have BBEdit installed) it says type: Cascading Style Sheet, but DW still does not find the MQs. 

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices