<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
media all and (min-width: 639px) and (max-width: 979px){
.slogan__text {
font-size: 1.5rem;
line-height: 150px;
padding-left: 52px; } }
<body style="background: url(img/123.jpg)">
<button data-src="img/1234.jpg"></button>
</body>
$('button').on('click', function(){
var src = $(this).attr('data-src');
$('body').css({background: 'url('+src+')'})
});
.outer {
display: block;
width: 100%;
}
.inner {
display: block
width: 70%
margin: 0 auto;
}
<div class="outer">
<div class="inner">
</div>
</div>
body {
min-width: 960px;
max-width: 1200px;
margin: 0 auto;
}
header {
width: 100%;
}
.logo {
margin: 0 auto;
width: 80%;
}
.mainMenu {
width: 60%;
}
if ($(".review-item").last().is(':visible')) {
$('.more-reviews').hide();
}
@media (min-width: 320px) and (max-width: 480px) {
.topmenu li { width: 100%;}
}
$(".add_to_cart_button").click(function() {
$("#foot-carousel div:contains('Корзина пуста.')").remove();
$('#foot-carousel').data('owlCarousel').addItem('<div>' + $('.cart_list li:last').html() + '</div>');
$(".fixed-bottom").show().fadeTo("slow");
});