css - Media Queries Has Stopped Working -


my media queries has stopped working , have no idea why. worked correctly yesterday. think there's conflict don't know where. appreciate help!

supported resolutions now: 1024x768 1280x720 1440x900 1600x900 1920x1080

live demo: http://dev.studiowonderland.pl/demo/index.html

@edit - when files on server works correctly. when local it's not working...

css:

.logo {     background: url('../img/logo.png')no-repeat;     width: 600px;     height: 188px;     position: absolute;     margin-left: auto;     margin-right: auto;     top: 3%;     left: 0;     right: 0; }  .doors {     background: url('../img/doors.png') no-repeat;     position: absolute;     top: 50%;     left: 50%;     width: 1000px;     height: 667px;     margin-top: -275.5px;     margin-left: -525px; }  #user_go {     position: absolute;     top: 50%;     left: 50%;     margin-top: -275.5px;     margin-left: -525px; }  .ramka {     background: url('../img/ramka.png') no-repeat;     position: absolute;     top: 50%;     right: 10%;     width: 394px;     height: 700px;     margin-top: -350px; }  .menu {     position: absolute;     bottom: 0;     left: 10%; } 

here's example of media queries:

 @media screen , (max-width: 1440px) , (max-height: 900px) , (min-height:300px) {  .ramka, .doors, .logo, .belka {     background-size: 85% 85% ; }  .menu {     top: 125px;     left: 7%; } .doors {     margin-top: -225.5px !important;     margin-left: -475px; }  .ramka {     margin-top: -250px !important;     margin-right: -75px; } ul.nawigacja {     list-style: none;     padding-top: 30px; }  ul.nawigacja li {     margin: 40px 10px; } ul.nawigacja li:nth-child(1) {     margin-right: 65px; }  ul.nawigacja li:nth-child(2) {     margin-right: 175px;     margin-top: 45px; } ul.nawigacja li:nth-child(3) {     margin-left: 15px;     margin-top: -15px; }  ul.nawigacja li:nth-child(4) {     margin-top: 10px;     margin-right: 105px; }  ul.nawigacja li:nth-child(5) {     margin-top: 60px;     margin-left: -15px; } ul.nawigacja li  a{     font-size: 2em; } } 

and there's js:

$(document).ready(function(){  // cookies dialogu //   if ($.cookie("dismiss") == null) {    $('#mymodal').appendto("body");   function show_modal(){     $('#mymodal').modal();   }    window.settimeout(show_modal, 500);   }  $(".dismiss").click(function() {     document.cookie = "dismiss=true; expires=fri, 31 dec 9999 23:59:59 utc"; });    // smooth scrolling //  $(function() {   $('a[href*=#]:not([href=#])').click(function() {     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {       var target = $(this.hash);       target = target.length ? target : $('[name=' + this.hash.slice(1) +']');       if (target.length) {         $('html,body').animate({           scrolltop: target.offset().top         }, 1000);         return false;       }     }   }); });   // obrazek na drzwiach //  $('.doors').hover(function(){     $(this).after(' <img id="user_go" src="img/logo2.png" />');      },function () {     $("#user_go").remove(); });  }); 


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -