Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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

gts

Автор: ,
в Песочница

 Share

Recommended Posts

gts Enthusiast

gts

Опубліковано:
Опубліковано: (змінено)

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

 

!primer26.png

!primer27.png

Змінено користувачем gts
Надіслати
Поділитися на інших сайтах

Tom Grand Master

Tom

Опубліковано:
Опубліковано:

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

Надіслати
Поділитися на інших сайтах
1
1

Tom Grand Master

Tom

Опубліковано:
Опубліковано:
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%;
	}

}

 

 

 

Надіслати
Поділитися на інших сайтах
1
1

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду