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
Post a Comment