Перейти к содержанию
gts

Некорректное отображение шапки сайта в мобильной версии

Рекомендуемые сообщения

Привет! Сайт камины-красноярск.рф. Проблема: некорректное отображение шапки сайта в мобильной версии, точнее расстояние между элементом "заказать обратный звонок" и "0 товаров - 0 р." (прикрепил изображение для примера). Что нужно сделать, чтобы отображалось корректно (пример 2)? Заранее благодарен за помощь!

 

!primer26.png

!primer27.png

Изменено пользователем gts

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

/catalog/view/theme/default/stylesheet/media-queries.css в этом файле

после 329 строки допишите top: 10px;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В стилях бардак. Там отступов типа margin-top и margin-bottom просто перебор какой то.И решение выше из разряда тех же костылей.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
12 минут назад, Tom сказал:

В стилях бардак. Там отступов типа margin-top и margin-bottom просто перебор какой то.И решение выше из разряда тех же костылей.

 

Пробуйте так, предварительно сохранив эти файлы, заменить содержимое в файле
 

Спойлер

 

catalog/view/theme/default/stylesheet/stylesheet.css


body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #261a16;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	background: url(/image/catalog/bg.png);
}
h1, h2, h3, h4, h5, h6 {
	color: #261a16;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.01em;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #261a16;
}
a:hover {
	text-decoration: none;
	color: #ea7808;
}
legend {
	font-size: 20px;
	padding: 7px 0px
}
label {
	font-size: 14px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 14px;
	height: 38px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 14px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	/*margin-bottom: 15px;*/
	margin-bottom: 0px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #ea7808;
	/*background-image: linear-gradient(to bottom, #261a16, #18140F);*/
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #261a16;
	/*background: url(/image/catalog/bg-top.png);*/
	border-bottom: 1px solid #18140F;
	padding: 8px 0px 7px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #ea7808;
	background-image: linear-gradient(to bottom, #ea7808, #E36B18);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #fff;
	/*text-shadow: 0 1px 0 #FFF;*/
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #ea7808;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
	line-height: 14px;
}
#top-links {
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}
/* logo */
#logo {
	/* margin: 0px 0 25px 0; */
	width: 73%;
}
/* search */
#search {
    margin-top: 8px;
	margin-bottom: 10px;
}
#search .input-lg {
	height: 44px;
	line-height: 20px;
	padding: 0 16px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 22px;
	padding: 10px 30px;
	/*text-shadow: 0 1px 0 #FFF;*/
}
/* cart */
#cart {
    /* margin-top: -42px; */
    /* margin-bottom: 10px; */
    /* width: 85%; */
}
#cart > .btn {
	font-size: 21px;
	line-height: 44px;
	color: #261a16;
	font-weight: 600;
	/* font-family: Arial, sans-serif; */
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #ea7808;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	background-color: #261a16;
	/*background-image: linear-gradient(to bottom, #261a16, #18140F);*/
	background-repeat: repeat-x;
	border-color: #261a16 #261a16 #18140F;
	min-height: 59px;
	top: 20px;
	margin-bottom: 36px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 18px 12px 13px 12px;
	min-height: 57px;
	background-color: transparent;
	font-size: 19px;
	letter-spacing: 0.06em;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: #ea7808;
	text-shadow: none;
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 240px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 30px;
	color: #fff;
	font-size: 15px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #18140F;
	padding: 14px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 15px;
	color: #fff;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #ea7808;
	background-image: linear-gradient(to bottom, #ea7808, #E36B18);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 56px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 16px;
	font-stretch: expanded;
	color: #261a16;
	padding: 7px 25px;
	float: right;
	background-color: #fff;
	background-repeat: repeat-x;
	border-color: #261a16;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #fff;
	background-color: #ea7808;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#content {
	min-height: 600px;
}
/* footer */
footer {
	margin-top: 30px;
	padding-top: 30px;
	background-color: #261a16;
	border-top: 1px solid #ddd;
	color: #e2e2e2;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	/*background: url(/image/3.jpg);*/
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #ea7808;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #ea7808;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	border: 1px solid #ddd;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	background: #ea7808;
	border: 1px solid #d05700;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 11px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	font-weight: normal;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
	font-weight: normal;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #fff;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
	background-color: #261a16;
	/*background-image: linear-gradient(to bottom, #261a16, #18140F);*/
	background-repeat: repeat-x;
	border-color: #261a16 #261a16 #261a16 #18140F;
}
.btn-default:hover {
	color: #261a16;
	background-color: #ea7808;
	border-color: #d05700;
}
.btn-primary {
	color: #ffffff;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	background-color: #261a16;
	/*background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
	background-repeat: repeat-x;
	border-color: #261a16 #261a16 #18140f;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #ea7808;
	background-position: 0 -15px;
	border-color: #d05700;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	background-color: #ea7808;
	/*background-image: linear-gradient(to bottom, #e06342, #dc512c);*/
	background-repeat: repeat-x;
	border: 1px solid #d05700;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #261a16;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
    padding: 0px 0px;
	color: #ffffff;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	background-color: #fff;
	/*background-image: linear-gradient(to bottom, #444444, #222222);*/
	background-repeat: repeat-x;
	border-color: #261a16 #261a16 #18140F;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #261a16;
	padding: 11px 13px;
	font-size: 15px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #fff;
	background: #ea7808;
	border: 1px solid #d05700;
	/*text-shadow: 0 1px 0 #FFF;*/
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
	background: #f9f9f9;
}
.product-thumb .image {
	text-align: center;
	overflow: hidden; /*дописанное правило*/
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	/*opacity: 0.8;*/
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform: scale(1.15,1.15);
	-moz-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
	transform: scale(1.15,1.15);
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #261a16;
	font-size: 18px;
	font-weight: 600;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #ea7808;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #261a16;
	color: #fff;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #fff;
	background-color: #ea7808;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #E36B18;
	border: 1px solid #d05700;
}

/*Дописанные правила*/

p.autor {
	text-align: right;
	padding-bottom: 20px;
}
#cart > .btn:hover {
	background: #261a16;
	color: #ffffff;
	border-color: #18140F;
}
.call {
    position: relative;
    bottom: px;
    background: #ea7808;
    color: #fff;
    /* line-height: 22px; */
    font-size: 16px;
    border: 1px solid #d05700;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 11px;
}
.call:hover {
	background: #E36B18;
}
.call a {
	color: #fff;
}
#search .btn-lg:hover {
	color: #fff;
}
.dropdown-menu {
	background: #261a16;
	padding: 1px 0;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color: #ea7808;
}
.phone {
	font-size: 28px;
	font-weight: 600;
	/* margin-top: 15px; */
	margin-bottom: 15px;
	font-family: Helvetica, Open Sans, sans-serif;
	color: #261a16;
}
i.fa.fa-phone-square {
	font-size: 20px;
}
.street {
	font-family: Helvetica, Open Sans, sans-serif;
	margin-bottom: 2px;
	font-size: 22px;
	font-weight: 600;
	color: #261a16;
}
i.fa.fa-home {
	font-size: 20px;
}
.category-item {
	padding: 10px 0 16px 0;
}

.category-item img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 5px solid #ddd;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.category-item img:hover {
	border: 5px solid #fff;
	position: relative;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transform: scale(1.01,1.01);
	-webkit-transform: scale(1.01,1.01);
	-moz-transform: scale(1.01,1.01);
	-ms-transform: scale(1.01,1.01);
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
/*	outline: 18px solid #ea7808;
	outline-offset: -18px;*/
}
.navbar-toggle {
	margin-top: 9px;
}
.btn-link:focus, .btn-link:hover {
	color: #ea7808;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background: rgba(255,255,255,.1);
}
.panel-default>.panel-heading {
	color: #fff;
	background-color: #261a16;
	border-color: #231b16;
}
.form-control {
	height: 38px;
}
button.btn.btn-quickorder-one:hover {
	color: #fff;
	background: #E36B18;
	border: 1px solid #d05700;
}
ul.dropdown-menu.pull-right {
	font-size: 14px;
}
.row #category-img-item {
	margin-left: -45px;
}
.katalog-category {
	width: 120.5%;
}
.contact-map iframe {
	width: 100%;
	margin-bottom: 15px;
}
#content ul, li {
	font-size: 16px;
	line-height: 1.5em;
}
#content p {
	font-size: 15px;
	line-height: 1.55em;
}
/* Доп. элементы в карточке товара */
.item-info {
	padding: 15px;
	background: #fff;
	border: 2px solid #ddd;
	border-radius: 4px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.info-item-text .fa {
	color: #ea7808;
	font-size: 35px;
	margin-right: 10px;
}
.info-item-text {
	font-size: 19px;
}
.rating {
	margin-top: 10px;
}
.info-item-text a {
	vertical-align: super;
	cursor: pointer;
}
.info-item-text a:hover {
	text-decoration: underline;
}
/*Описание товара в карточке*/
.tab-content>.active {
	background: #fff;
	padding: 15px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-radius: 4px;
}
.fa-2x {
	font-size: 30px;
	margin-right: 10px;
	color: #ea7808;
	vertical-align: middle;
}
/*Список ol,ul*/
ul.list_info li {
	font-size: 17px;
	font-family: Arial, sans-serif;
	letter-spacing: 0.02em;
	line-height: 1.6em;
}
ol.list_info li {
	font-size: 17px;
	font-family: Arial, sans-serif;
	letter-spacing: 0.02em;
	line-height: 1.6em;
}
/*Страница контактов*/
span.contact_street {
	font-size: 17px;
}
span.contact_phone {
	font-size: 17px;
}
span.contact_time {
	font-size: 17px;
}
/*Расширенное описание категорий*/
.ext-description {
	background: #f9f9f9;
	padding: 5px 15px 20px 15px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	margin-bottom: 35px;
}
.ext-description h2 {
	margin-bottom: 14px;
	padding-left: 7px;
	border-left: 4px solid #ea7808;
}
.ext-description h3 {
	padding-left: 7px;
	border-left: 4px solid #ea7808;
}
/*Отступы для основного текста на главной*/
div#main-text {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 35px;
	background: #fff;
}
/*Преимущества на главной (текст)*/
.p-text {
	background: #ea7808;
	color: #fff;
	text-align: left;
	padding: 12px 15px 7px 15px;
	margin: 15px 0 10px;
	letter-spacing: 0.01em;
}
/*Измененная шапка*/
.slogan {
	/* font-size: 26px; */
	font-weight: 600;
	margin-bottom: -10px;
	font-family: Helvetica, Open Sans, sans-serif;
	color: #261a16;
}
.delivery {
    position: relative;
    /* bottom: 10px; */
    font-size: 26.7px;
    font-weight: 600;
    margin-top: 10px;
    /* margin-bottom: 33px; */
    font-family: Helvetica, Open Sans, sans-serif;
    color: #261a16;
}
div#cart .fa {
	font-size: 25px;
	padding-right: 5px;
	color: #ea7808
}
/*Всплывающее сообщение о добавлении товара в корзину*/
.alert-success {
	color: #261a16;
	background-color: #fff;
	border-color: #261a16;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	line-height: 30px;
}
.alert-success a {
	color: #ea7808;
	text-decoration: underline;
}
.alert-success a:hover {
	color: #E36B18;
	text-decoration: none;
}
.cont1 {
    width: 100%;
    overflow-x: auto;
}

И в файле 
/catalog/view/theme/default/stylesheet/media-queries.css


@media only screen and (max-width:1910px) {

	#logo {
		width: 78%;
	}

}

@media only screen and (max-width:1799px) {

	#menu .nav > li > a {
		padding: 18px 8px 17px 8px;
		font-size: 18.5px;
	}

	#logo {
		width: 83%;
	}

	.phone {
		font-size: 22px;
	}

	.street {
		font-size: 18px;
	}

	.slogan {
		font-size: 23px;
	}

	.delivery {
		font-size: 23px;
	}

	.fa-2x {
		font-size: 30px;
	}

	.call {
		font-size: 17px;
		padding: 10px 10px;
	}

	#search .input-lg {
		font-size: 14px;
	}

	a#compare-total {
		font-size: 13px;
	}

}

@media only screen and (max-width:1700px) {

	#logo {
		width: 87%;
	}

	.slogan {
		font-size: 21px;
	}

	.delivery {
		font-size: 21px;
	}

}

@media only screen and (max-width:1600px) {

	#logo {
		width: 92%;
	}

}

@media only screen and (max-width:1500px) {

	#menu .nav > li > a {
		letter-spacing: 0.02em;
	}

	#logo {
		width: 98%;
	}

	.slogan {
		font-size: 20px;
	}

	.delivery {
		font-size: 20px;
	}

}

@media only screen and (max-width:1430px) {

	#menu .nav > li > a {
		padding: 18px 6px 17px 6px;
		font-size: 16px;
	}

	#logo {
		width: 100%;
		margin-top: 11px;
	}

	.slogan {
		font-size: 20px;
		/* margin-bottom: 10px; */
	}

	.delivery {
		font-size: 20px;
		/* margin-bottom: 31px; */
	}

	.phone {
		margin-bottom: 5px;
	}

	.street {
		font-size: 14.5px;
	}

	.call {
		/* margin-top: 12px; */
		/* margin-bottom: 20px; */
	}

	#cart {
		width: 100%;
		/* margin-bottom: 20px; */
	}

}

@media only screen and (max-width:1199px) {

	#menu .nav > li > a {
		padding: 18px 7px 17px 7px;
		font-size: 12.5px;
	}

	#logo {
		width: 100%;
		margin-top: 12px;
		margin-bottom: 16px;
	}

	.slogan {
		font-size: 16px;
		margin-bottom: 0px;
	}

	.delivery {
		font-size: 16px;
		margin-bottom: 12px;
		margin-top: 0px;
	}

	.phone {
		font-size: 20px;
	}

	.street {
		font-size: 12px;
		display: none;
	}

	.call {
		font-size: 15px;
		padding: 10px 10px;
		margin-bottom: 18px;
	}

	#cart > .btn {
		font-size: 19px;
		margin-bottom: 5px;
	}

	#cart {
		margin-bottom: 16px;
	}

	#search {
		margin-right: 0px;
	}

	#search .input-lg {
		font-size: 14px;
	}

/*	.sidebar-banner img {
		max-width: 212px;
	}*/

	a#compare-total {
		font-size: 13px;
	}

}

@media only screen and (max-width:990px) {

	#menu .nav > li > a {
		padding: 18px 4px 18px 4px;
		font-size: 9.8px;
	}

	.slogan {
		font-size: 11.9px;
		margin-bottom: 7px;
	}

	.delivery {
		font-size: 12px;
		margin-bottom: 22px;
		margin-top: 0px;
	}

	i.fa.fa-home {
		font-size: 15px;
	}

	.fa-2x {
		font-size: 23px;
	}

	.list-group a {
		font-size: 15px;
	}

	.list-group a:hover {
		font-size: 15px;
	}

	#logo {
		width: 100%;
		margin: 10px 0 14px 0;
	}

	.phone {
		font-size: 19px;
	}

	.street {
		font-size: 13.5px;
	}

	.call {
		font-size: 14px;
		margin-bottom: 20px;
		padding: 10px 0px;
	}

	i.fa.fa-phone-square {
		font-size: 16px;
	}

	i.fa.fa-envelope {
		font-size: 15px;
	}

	#cart > .btn {
		font-size: 17px;
	}

	#cart {
		margin-bottom: 6.5px;
	}

	i.fa.fa-shopping-cart {
		font-size: 14px;
	}

	#search .input-lg {
		font-size: 13px;
	}

	#search .btn-lg {
		padding: 10px 20px;
	}

/*	.sidebar-banner img {
		max-width: 157px;
	}*/

}

@media only screen and (max-width:768px) {

	#menu .nav > li > a {
		padding: 16px 15px 16px 15px;
		font-size: 16px;
	}

	.slogan {
		font-size: 16px;
		margin-bottom: 7px;
	}

	.delivery {
		font-size: 16px;
		margin-bottom: 22px;
		margin-top: 0px;
	}

	#logo {
		width: 100%;
		margin: 5px 0 25px 0;
	}

	.phone {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.street {
		font-size: 16px;
		display: inherit;
		margin-bottom: 22px;
	}

	.call {
		font-size: 16px;
	}

	#cart {
		margin-top: 0px;
		margin-bottom: 24px;
	}

	i.fa.fa-phone-square {
		font-size: 21px;
	}

	i.fa.fa-envelope {
		font-size: 20px;
	}

	#cart > .btn {
		font-size: 18px;
	}

	#search .btn-lg {
		padding: 10px 26px;
	}

	#menu #category {
		font-size: 18px;
		letter-spacing: 0.04em;
	}

	.katalog-category {
		width: 100%;
	}

/*	.navbar-default .navbar-brand {
		color: #2e241d;
	}*/

	.navbar-brand {
		padding: 18px 16px;
	}

}

@media only screen and (max-width:480px) {

	#menu .nav > li > a {
		padding: 15px 6px 15px 7px;
		font-size: 16px;
		text-align: center;
	}

	#logo {
		width: 100%;
	}

	.slogan {
		font-size: 12px;
		margin-bottom: 7px;
	}

	.delivery {
		font-size: 12px;
		margin-bottom: 22px;
		margin-top: 0px;
	}

	.street {
		font-size: 11.4px;
		display: inherit;
		margin-bottom: 22px;
	}

	.phone {
		font-size: 19px;
		letter-spacing: 0.03em;
	}

	.call {
		font-size: 14.5px;
	}

	#cart > .btn {
		font-size: 18px;
	}

	button.btn.btn-ordercart {
		width: 68%;
	}

	.katalog-category {
		width: 100%;
	}

}

 

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.