Skip to main content
sava.nnah
Participant
March 26, 2021
Answered

Media Queries Broke After Saving the Website

  • March 26, 2021
  • 1 reply
  • 352 views

While working on a project for my Adobe Digital Design class I ran into the issue of my media queries that I made. The assignment only calls for two media queries for mobile and tablet devices. Yesterday I was able to successfully set up and activate the media queries, and at the end of the class period when I went to save my work I did everything normally. Save All > Root Folder. Now today my queries won't work and it's stuck in the mobile preview. My previous CSS Styles didn't save for tablet and desktop devices. I tried YouTube and Google, but most if not all the websites were for Dreamweaver CC 15, 17, 18. I'm using CC 18, 19, 20. I'm also using a site template, but that shouldn't affect the media query styling right? The media queries were set up on an external style sheet. They simply won't update and I'm getting stressed because I don't want to reset my entire project. 

 

 
    This topic has been closed for replies.
    Correct answer BenPleysier

    First the style rules stipulate the following:

     

    This is followed up with overridung rules that stipulate

     

    This means that you will never see the result of the first set of style rules.

    1 reply

    sava.nnah
    sava.nnahAuthor
    Participant
    March 26, 2021

    Legend
    March 26, 2021

    Is the media queries file linked to the page AFTER your main css file. I cant see anything wrong in the media queries you have posted. There maybe something else in your code which is stopping the media queries executing. 

    sava.nnah
    sava.nnahAuthor
    Participant
    March 26, 2021

    If you're asking if they're the last thing on my code then yes. All my styles for the template are on an external style sheet together. I just decided to play around with the code and ended removing the media query for the mobile devices because it wasn't styling correcting and was causing the rest of my website to mess up. Thanks anyways ❤️