Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

 

!primer26.png

!primer27.png

Edited by gts
Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

Link to post
Share on other sites
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%;
	}

}

 

 

 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.