Skip to main content
sava.nnah
Participant
Mar 26, 2021 4:30 PM UTC
Answered

Media Queries Broke After Saving the Website

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 is closed to new replies. Start a new post to keep the conversation going.
    BenPleysier
    BenPleysierCorrect answer
    Community Expert
    Mar 27, 2021 12:08 AM UTC

    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.

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

    9 replies

    sava.nnah
    sava.nnahAuthor
    Participant
    Mar 26, 2021 4:30 PM UTC

    Translate
    Legend
    Mar 26, 2021 5:22 PM UTC

    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. 

    Translate
    sava.nnah
    sava.nnahAuthor
    Participant
    Mar 26, 2021 6:53 PM UTC

    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 ❤️

    Translate