Сообщений в теме: 93

[Vaccina]

В main.css найдите:

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ffffff;
	color: #909090;
	overflow-x: hidden;
	position: relative;
}

замените на:

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ffffff;
	color: #909090;
	overflow-x: hidden;
	position: relative;
	min-width: 960px;
}

далее найдите и удалите:

@media all and (max-width: 979px) and (min-width: 768px) {
#footer-top .block.span3 {width: 22%;margin-left:2%;}
#footer-top .block.span3:first-child {margin-left:0;}
#footer-top .block-subscribe .block-content form .input-box input {width:180px;}
.block-contact .block-content p label {display:none;}
.products-list .item .product-shop .desc p {max-height:80px;}
}
@media all and (max-width: 1199px) {
#custommenu ul.mainnav li.level0 > a {padding: 8px 10px;}
.toolbar .sort-by label {display:none;}
}
@media all and (max-width: 991px) {
.clear-resp {clear:both;}
#header-top .topheader-right .sns-quickaccess {height: 36px;width: 36px;position: relative;cursor: pointer;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}
#header-top .topheader-right .sns-quickaccess:before {content: "\f13d";position: absolute;font-family: FontAwesome;left: 9px;top: 0px;font-size: 16px;color: #909090;z-index: 1;cursor: pointer;}
#header-top .topheader-right .sns-quickaccess .welcome {display: none;}
#header-top .topheader-right .sns-quickaccess ul.links {overflow:visible;height:auto;position: absolute;top: 35px;left: -114px;background: transparent;width: 160px;padding: 10px 0 0;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;margin: 0 0;padding: 0 0;border: none;background: #FFF;border: 1px solid #e9e9e9;}
#header-top .topheader-right .sns-quickaccess:hover ul.links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#header-top .topheader-right .sns-quickaccess ul.links li {display: block;background: none;padding: 5px 0px;text-align: left;border-top: 1px solid #DFDFDF;margin: 0 10px;float:none;}
#header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding: 5px 0px;border-top: none;}
#header-top .topheader-right .sns-quickaccess ul.links li a {display: block;font-size: 100%;}
#header #logo {text-align: left;margin-left: 0px;}
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText {width: 170px;}
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText:focus {width: 180px;}
#menu #mainnav {width: 100%;}
#menu .nav-right {position: absolute;top: 0px;right: 0px;}
#custommenu {display: none;}
#mommenu {display: block;}
#botsl .block.block-latestblog .block-content ul .item .item-post {width:35%;}
.toolbar .sort-by {display:none;}
.toolbar-bottom .limiter label {display:none;}
#main .product-shop {padding: 20px 0 0 0;}
}
@media all and (max-width: 767px) {
.col-sms-12 {width: 100%;}
.col-sms-11 {width: 91.66666666666666%;}
.col-sms-10 {width: 83.33333333333334%;}
.col-sms-9 {width: 75%;}
.col-sms-8 {width: 66.66666666666666%;}
.col-sms-7 {width: 58.333333333333336%;}
.col-sms-6 {width: 50%;}
.col-sms-5 {width: 41.66666666666667%;}
.col-sms-4 {width: 33.33333333333333%;}
.col-sms-3 {width: 25%;}
.col-sms-2 {width: 16.666666666666664%;}
.col-sms-1 {width: 8.333333333333332%;}
#header #logo {text-align: center;}
#header .header-right {height: 0px;position: absolute;right: 0px;}
#header .header-right .header-right-inner {height: 0px;}
#header .header-right .header-right-inner .connect-us {display: none;}
#header .header-right #search_mini_form {display:none;}
#menu .nav-right .block-search {display:block;}
#menu .nav-right .block-search #search_mini_form2 {position: absolute;right: 160px;cursor: pointer;z-index: 2;height: 51px;width: 51px;}
#menu .nav-right .block-search #search_mini_form2:before {content: "";right: 0px;position: absolute;width: 48px;height: 47px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);background: transparent;}
#menu .nav-right .block-search #search_mini_form2:after {position: absolute;content: "";height: 16px;width: 17px;top: 18px;left: 18px;background: url("{ASSETS_IMAGES_PATH}ico-search-white.png") no-repeat left top;}
#menu .nav-right .block-search #search_mini_form2:hover:before {background: rgba(255, 255, 255, 0.2);}
#menu .nav-right .block-search #search_mini_form2:hover .form-search {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#menu .nav-right .block-search #search_mini_form2 .form-search {position: absolute;right: -30px;top: 50px;padding-top: 21px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
#menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {width: 170px;border-color: #FFF;}
#menu .nav-right .block-search #search_mini_form2 .button {top: 30px;}
#menu .nav-right .header-right-inner {margin-right:15px;}
#topsl .block {margin-bottom: 20px;}
#footer-top .block.span3 {float: left;width: 50%;margin-left: 0;}
.box-up-sell .up-sell-products .item.show-addtocart {max-width:300px;}
.sns-btn-quickview {display:none !important;}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {width:118px}
.toolbar-bottom {padding-bottom:30px;}
#left {margin-top:20px;}
.goodsDataOpinionAverageInfo .button {clear: both;}
.goodsDataOpinionAddTable label {width: 100%;}
#community_widget_right {display: none;}
#menu .nav-right .block .link-hide {display: none;}
.quick_order_payment .orderStagePaymentList .cell1 {float:left;width:5%;}
.quick_order_payment .orderStagePaymentList .cell2 {float:left;width:95%;}
.cartTable thead {display: none;}
.cartTable tbody tr {display: block;margin-bottom: 30px;}
.cartTable tbody tr > td {display: block;width: 100%;margin-bottom: 1px;}
.cartTable tbody .inputText {width: 70px;}
.cartTable tbody .price.old-price {display: none;}
.cartTable tbody tr .title {float: left;display: inline-block;}
.cartTable tbody tr .cart-qty .title {line-height: 40px;}
.cartTable tbody tr.discounttr {margin-bottom: 1px;}
.cartTable tbody tr.discounttr td {background-color: #efefec;text-align: right;}
.cartTable tbody tr.discounttr .disc-name .num {display: inline-block;}
.cartTable tbody tr.discounttr td.hide {display: none;}
.cartTable tfoot tr {display: block;float: left;width: 100%;margin-bottom: 1px;}
.cartTable tfoot tr > td {display: block;float: left;width: 100%;}
.cartTable tfoot td.text-right > span:first-child {margin-right: 15px;float: left;}
.cartTable tfoot td.hide {display: none;}
.cartTable tfoot td.text-right span.TotalSum {display: inline-block;}
.cartTable .buttons .button {display: block;float: none !important;margin: 0 auto 10px;}
}
@media all and (max-width: 641px) {
#topsl {display:none;}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li {width: 300px;}
#footer-top .block {margin-top: 10px;}
#footer-top .block:first-child {margin-top: 0px;}
#botsl .block.block-latestblog .block-content ul .item .item-post {width:100%;margin-left:0;}
.tabs {float:none;}
.tabs li {margin:0 5px 5px 0px;display: block;text-align: center;}
.scroll {overflow-x: scroll;}
.product-shop .add-to-cart .btn-cart.quick {display:none;}
}
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
#header-top .topheader-left {width: 36px;height: 36px;position: relative;border-right: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;}
#header-top .topheader-left:before {font-family: FontAwesome;width: 100%;height: 100%;cursor: pointer;content: "\f0c0";position: absolute;font-size: 16px;left: 8px;top: 0px;}
#header-top .topheader-left ul.contact-us-now {position: absolute;top: 35px;left: -1px;width: 200px;border: 1px solid #e9e9e9;background: #FFF;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
#header-top .topheader-left:hover ul.contact-us-now {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#header-top .topheader-left ul.contact-us-now li {display: block;margin: 0 10px;border-top: 1px solid #e9e9e9;float: none;}
#header-top .topheader-left ul.contact-us-now li:first-child {border-top: none;margin-left: 10px;}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li {width: 220px;}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {height:auto;margin: 0 auto;display: block;width:100%;}
.products-container .products-grid .item {width:100%;max-width: 302px;padding: 0;}
#footer-top .block.span3 {float: left;width: 100%;margin-left: 0;}
.toolbar-bottom .toolbar .limiter {display:none;}
.product-shop .add-to-cart .btn-cart.quick {margin: 10px 0 0 0;}
.goodsDataOpinionListTable .button {display:none;}
#header-top .topheader-left ul.contact-us-now li.c-phone.hide {display:block;}
.CompareGoodsTable div:last-child {float:left;margin-top: 30px;}
.breadcrumbs {white-space: normal;}
.quick_order_payment .orderStagePaymentList .cell1 {float:left;width:10%;}
.quick_order_payment .orderStagePaymentList .cell2 {float:left;width:90%;}
#main .products-list .product-shop {padding-top: 20px;}
}
@media all and (max-width: 381px) {
.toolbar .limiter label {display:none;}
}
@media all and (min-width: 768px) {
.container {width: 750px;}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
@media all and (min-width: 992px) {
.container {width: 970px;}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
}
@media all and (min-width: 1200px) {
.container {width: 1170px;}
.col-lg-12{width:100%;}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
}

[Антон1212]

Vaccina (19 Август 2016 - 03:05) писал:

В main.css найдите:

body {
margin: 0;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 20px;
background-color: #ffffff;
color: #909090;
overflow-x: hidden;
position: relative;
}

замените на:

body {
margin: 0;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 20px;
background-color: #ffffff;
color: #909090;
overflow-x: hidden;
position: relative;
min-width: 960px;
}

далее найдите и удалите:

@media all and (max-width: 979px) and (min-width: 768px) {
#footer-top .block.span3 {width: 22%;margin-left:2%;}
#footer-top .block.span3:first-child {margin-left:0;}
#footer-top .block-subscribe .block-content form .input-box input {width:180px;}
.block-contact .block-content p label {display:none;}
.products-list .item .product-shop .desc p {max-height:80px;}
}
@media all and (max-width: 1199px) {
#custommenu ul.mainnav li.level0 > a {padding: 8px 10px;}
.toolbar .sort-by label {display:none;}
}
@media all and (max-width: 991px) {
.clear-resp {clear:both;}
#header-top .topheader-right .sns-quickaccess {height: 36px;width: 36px;position: relative;cursor: pointer;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}
#header-top .topheader-right .sns-quickaccess:before {content: "\f13d";position: absolute;font-family: FontAwesome;left: 9px;top: 0px;font-size: 16px;color: #909090;z-index: 1;cursor: pointer;}
#header-top .topheader-right .sns-quickaccess .welcome {display: none;}
#header-top .topheader-right .sns-quickaccess ul.links {overflow:visible;height:auto;position: absolute;top: 35px;left: -114px;background: transparent;width: 160px;padding: 10px 0 0;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;margin: 0 0;padding: 0 0;border: none;background: #FFF;border: 1px solid #e9e9e9;}
#header-top .topheader-right .sns-quickaccess:hover ul.links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#header-top .topheader-right .sns-quickaccess ul.links li {display: block;background: none;padding: 5px 0px;text-align: left;border-top: 1px solid #DFDFDF;margin: 0 10px;float:none;}
#header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding: 5px 0px;border-top: none;}
#header-top .topheader-right .sns-quickaccess ul.links li a {display: block;font-size: 100%;}
#header #logo {text-align: left;margin-left: 0px;}
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText {width: 170px;}
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText:focus {width: 180px;}
#menu #mainnav {width: 100%;}
#menu .nav-right {position: absolute;top: 0px;right: 0px;}
#custommenu {display: none;}
#mommenu {display: block;}
#botsl .block.block-latestblog .block-content ul .item .item-post {width:35%;}
.toolbar .sort-by {display:none;}
.toolbar-bottom .limiter label {display:none;}
#main .product-shop {padding: 20px 0 0 0;}
}
@media all and (max-width: 767px) {
.col-sms-12 {width: 100%;}
.col-sms-11 {width: 91.66666666666666%;}
.col-sms-10 {width: 83.33333333333334%;}
.col-sms-9 {width: 75%;}
.col-sms-8 {width: 66.66666666666666%;}
.col-sms-7 {width: 58.333333333333336%;}
.col-sms-6 {width: 50%;}
.col-sms-5 {width: 41.66666666666667%;}
.col-sms-4 {width: 33.33333333333333%;}
.col-sms-3 {width: 25%;}
.col-sms-2 {width: 16.666666666666664%;}
.col-sms-1 {width: 8.333333333333332%;}
#header #logo {text-align: center;}
#header .header-right {height: 0px;position: absolute;right: 0px;}
#header .header-right .header-right-inner {height: 0px;}
#header .header-right .header-right-inner .connect-us {display: none;}
#header .header-right #search_mini_form {display:none;}
#menu .nav-right .block-search {display:block;}
#menu .nav-right .block-search #search_mini_form2 {position: absolute;right: 160px;cursor: pointer;z-index: 2;height: 51px;width: 51px;}
#menu .nav-right .block-search #search_mini_form2:before {content: "";right: 0px;position: absolute;width: 48px;height: 47px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);background: transparent;}
#menu .nav-right .block-search #search_mini_form2:after {position: absolute;content: "";height: 16px;width: 17px;top: 18px;left: 18px;background: url("{ASSETS_IMAGES_PATH}ico-search-white.png") no-repeat left top;}
#menu .nav-right .block-search #search_mini_form2:hover:before {background: rgba(255, 255, 255, 0.2);}
#menu .nav-right .block-search #search_mini_form2:hover .form-search {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#menu .nav-right .block-search #search_mini_form2 .form-search {position: absolute;right: -30px;top: 50px;padding-top: 21px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
#menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {width: 170px;border-color: #FFF;}
#menu .nav-right .block-search #search_mini_form2 .button {top: 30px;}
#menu .nav-right .header-right-inner {margin-right:15px;}
#topsl .block {margin-bottom: 20px;}
#footer-top .block.span3 {float: left;width: 50%;margin-left: 0;}
.box-up-sell .up-sell-products .item.show-addtocart {max-width:300px;}
.sns-btn-quickview {display:none !important;}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {width:118px}
.toolbar-bottom {padding-bottom:30px;}
#left {margin-top:20px;}
.goodsDataOpinionAverageInfo .button {clear: both;}
.goodsDataOpinionAddTable label {width: 100%;}
#community_widget_right {display: none;}
#menu .nav-right .block .link-hide {display: none;}
.quick_order_payment .orderStagePaymentList .cell1 {float:left;width:5%;}
.quick_order_payment .orderStagePaymentList .cell2 {float:left;width:95%;}
.cartTable thead {display: none;}
.cartTable tbody tr {display: block;margin-bottom: 30px;}
.cartTable tbody tr > td {display: block;width: 100%;margin-bottom: 1px;}
.cartTable tbody .inputText {width: 70px;}
.cartTable tbody .price.old-price {display: none;}
.cartTable tbody tr .title {float: left;display: inline-block;}
.cartTable tbody tr .cart-qty .title {line-height: 40px;}
.cartTable tbody tr.discounttr {margin-bottom: 1px;}
.cartTable tbody tr.discounttr td {background-color: #efefec;text-align: right;}
.cartTable tbody tr.discounttr .disc-name .num {display: inline-block;}
.cartTable tbody tr.discounttr td.hide {display: none;}
.cartTable tfoot tr {display: block;float: left;width: 100%;margin-bottom: 1px;}
.cartTable tfoot tr > td {display: block;float: left;width: 100%;}
.cartTable tfoot td.text-right > span:first-child {margin-right: 15px;float: left;}
.cartTable tfoot td.hide {display: none;}
.cartTable tfoot td.text-right span.TotalSum {display: inline-block;}
.cartTable .buttons .button {display: block;float: none !important;margin: 0 auto 10px;}
}
@media all and (max-width: 641px) {
#topsl {display:none;}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li {width: 300px;}
#footer-top .block {margin-top: 10px;}
#footer-top .block:first-child {margin-top: 0px;}
#botsl .block.block-latestblog .block-content ul .item .item-post {width:100%;margin-left:0;}
.tabs {float:none;}
.tabs li {margin:0 5px 5px 0px;display: block;text-align: center;}
.scroll {overflow-x: scroll;}
.product-shop .add-to-cart .btn-cart.quick {display:none;}
}
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
#header-top .topheader-left {width: 36px;height: 36px;position: relative;border-right: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;}
#header-top .topheader-left:before {font-family: FontAwesome;width: 100%;height: 100%;cursor: pointer;content: "\f0c0";position: absolute;font-size: 16px;left: 8px;top: 0px;}
#header-top .topheader-left ul.contact-us-now {position: absolute;top: 35px;left: -1px;width: 200px;border: 1px solid #e9e9e9;background: #FFF;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
#header-top .topheader-left:hover ul.contact-us-now {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#header-top .topheader-left ul.contact-us-now li {display: block;margin: 0 10px;border-top: 1px solid #e9e9e9;float: none;}
#header-top .topheader-left ul.contact-us-now li:first-child {border-top: none;margin-left: 10px;}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li {width: 220px;}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {height:auto;margin: 0 auto;display: block;width:100%;}
.products-container .products-grid .item {width:100%;max-width: 302px;padding: 0;}
#footer-top .block.span3 {float: left;width: 100%;margin-left: 0;}
.toolbar-bottom .toolbar .limiter {display:none;}
.product-shop .add-to-cart .btn-cart.quick {margin: 10px 0 0 0;}
.goodsDataOpinionListTable .button {display:none;}
#header-top .topheader-left ul.contact-us-now li.c-phone.hide {display:block;}
.CompareGoodsTable div:last-child {float:left;margin-top: 30px;}
.breadcrumbs {white-space: normal;}
.quick_order_payment .orderStagePaymentList .cell1 {float:left;width:10%;}
.quick_order_payment .orderStagePaymentList .cell2 {float:left;width:90%;}
#main .products-list .product-shop {padding-top: 20px;}
}
@media all and (max-width: 381px) {
.toolbar .limiter label {display:none;}
}
@media all and (min-width: 768px) {
.container {width: 750px;}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
@media all and (min-width: 992px) {
.container {width: 970px;}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
}
@media all and (min-width: 1200px) {
.container {width: 1170px;}
.col-lg-12{width:100%;}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
}

Спасибо, но когда заходишь с компа, меню, картинки и т д сместились сильно влево

[Danil]

Антон1212 (19 Август 2016 - 07:41) писал:

Спасибо, но когда заходишь с компа, меню, картинки и т д сместились сильно влево

Здравствуйте.
В конец main.css добавьте

.container {
	width: 1170px;
}

[Антон1212]

Danil (19 Август 2016 - 09:18) писал:

Здравствуйте.
В конец main.css добавьте

.container {
width: 1170px;
}

Добрый день, спасибо большое. Верхнее меню, 3 картинки над ним и контакты в футере, все равно немного влево ушли, сделать бы по центру. С мобильного все хорошо, но немного контент и картинки выходят за пределы

[Danil]

Антон1212 (23 Август 2016 - 09:44) писал:

Добрый день, спасибо большое. Верхнее меню, 3 картинки над ним и контакты в футере, все равно немного влево ушли, сделать бы по центру. С мобильного все хорошо, но немного контент и картинки выходят за пределы

Здравствуйте.
В main.css найдите код

.banners div {
	text-align: center;
}

и замените на

.banners div {
	text-align: center;
	float: none;
	display: inline-block;
}
.banners {
	text-align: center;
}

#footer-top .block {
	width: 292px;
}

[Антон1212]

Danil (23 Август 2016 - 09:56) писал:

Здравствуйте.
В main.css найдите код

.banners div {
text-align: center;
}

и замените на

.banners div {
text-align: center;
float: none;
display: inline-block;
}
.banners {
text-align: center;
}

#footer-top .block {
width: 292px;
}

Супер! Благодарю) А с мобильного вот так (скрин)

Прикрепленные изображения

• 

[Danil]

Антон1212 (23 Август 2016 - 10:08) писал:

Супер! Благодарю) А с мобильного вот так (скрин)

В main.css найдите код

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ffffff;
	color: #909090;
	overflow-x: hidden;
	position: relative;
	min-width: 960px;
}

и замените на

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ffffff;
	color: #909090;
	overflow-x: hidden;
	position: relative;
	min-width:1200px;
}

[Антон1212]

Danil (23 Август 2016 - 10:12) писал:

В main.css найдите код

body {
margin: 0;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 20px;
background-color: #ffffff;
color: #909090;
overflow-x: hidden;
position: relative;
min-width: 960px;
}

и замените на

body {
margin: 0;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 20px;
background-color: #ffffff;
color: #909090;
overflow-x: hidden;
position: relative;
min-width:1200px;
}

Вооообще красота, спасибо за оперативность!!

[Антон1212]

А подскажите пожалуйста,  как сделать, что бы контент был в блоке или в боксе, незнаю как правильно, как например в шаблоне весна? Что бы на всех страницах так было

[Danil]

Антон1212 (23 Август 2016 - 11:06) писал:

А подскажите пожалуйста,  как сделать, что бы контент был в блоке или в боксе, незнаю как правильно, как например в шаблоне весна? Что бы на всех страницах так было

Если речь идет о серой рамке, то сделайте следующее:
в конец main.css добавьте

.block, .htmlDataBlock, #main, .block-content {
	border-bottom: 4px solid #e1e1e1;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

[Антон1212]

Доброго дня! Подскажите пожалуйста, как в исходный код любой страницы запилить выпадающий список, подобны на сайте сторика http://storeland.ru/about/faq#

[Антон1212]

Нашел вот такое решение. Как сделать нижнее подчеркивание пунктиром и с лева красивые стрелочки как в факе стореленда???????????????

Вы можете использовать следующую инструкцию для реализации спойлеров - в ваш файл стилей css добавьте код

.spoiler .toggle {
  display: none;
}

далее в конец файла main.js добавьте код

$(function() {
  $('.spoiler a[href="#"]').click(function() {
$(this).closest('.spoiler').children('.toggle').slideToggle();
return(false);
  });
});

и в любом шаблоне или описании страницы используйте каркас html кода

<div class="spoiler">
  <a href="#">Текст подробнее...</a>
  <div class="toggle">Текст отображаемый</div>
</div>

или так

<div class="spoiler">
  <span>Текст <a href="#">Подробнее...</a></span>
  <div class="toggle">Текст отображаемый</div>
</div>

Сообщение отредактировал Антон1212: 25 Август 2016 - 16:23

[Антон1212]

Ай

[Антон1212]

Здравствуйте. В дополнение к предыдущему вопросу: когда заходишь с мобильного, текст уже открытый и на нажатие не реагирует. Возможно поправить?

[Антон1212]

Ребята, извините, но вопросы все копятся. В дополнение: можно ли при помощи бесплатной тех.поддержки, организовать у себя подобный калькулятор, как на сайте http://www.pereedem.ru/, если да, помогите пожалуйста

[Антон1212]

ТРЕТЬИ СУТКИ </p>

[MikDark]

Антон1212 (26 Август 2016 - 09:45) писал:

Ребята, извините, но вопросы все копятся. В дополнение: можно ли при помощи бесплатной тех.поддержки, организовать у себя подобный калькулятор, как на сайте http://www.pereedem.ru/, если да, помогите пожалуйста

Здравствуйте. Если речь об аккаунте 392490 то уточните, на какой странице у Вас спойлеры? Что касается калькулятора, бесплатная тех поддержка не сожем Вам помочь, но можете написать нам в платную.

[Антон1212]

[Антон1212]

MikDark (27 Август 2016 - 13:44) писал:

Здравствуйте. Если речь об аккаунте 392490 то уточните, на какой странице у Вас спойлеры? Что касается калькулятора, бесплатная тех поддержка не сожем Вам помочь, но можете написать нам в платную.

наконец то ответили) Да, аккаунт верный. Пример на странице "доставка" через нижнее меню можно попасть) Интересует оформление как в факе на сайте стореленда

[MikDark]

Антон1212 (27 Август 2016 - 15:43) писал:

наконец то ответили) Да, аккаунт верный. Пример на странице "доставка" через нижнее меню можно попасть) Интересует оформление как в факе на сайте стореленда

Замените код:

<div class="spoiler"><span style="font-size:18px;"><span style="font-family:times new roman,times,serif;"><u><a href="#"><span style="color:#008080;">►Почему наши цены выше конкурентов?</span></a></u></span></span>
<div class="toggle">У вас бывало такое, что во время переезда что-то ломалось, разбивалось, терялось? Отныне такого больше не случится! Наши грузчики - сильные, но аккуратные ребята. Они знают толк в квартирных, дачных и офисных переездах, сборке-разборке и упаковке мебели. Упакуют, распакуют и перевезут, если потребуется, разберут и соберут. С нами переезд действительно может стать легким и безболезненным.</div>
</div>

на

<div class="spoiler"><div class="question"><span style="font-size:18px;"><span style="font-family:times new roman,times,serif;"><a href="#"><span style="color:#008080;">►Почему наши цены выше конкурентов?</span></a></span></span></div>
<div class="toggle">У вас бывало такое, что во время переезда что-то ломалось, разбивалось, терялось? Отныне такого больше не случится! Наши грузчики - сильные, но аккуратные ребята. Они знают толк в квартирных, дачных и офисных переездах, сборке-разборке и упаковке мебели. Упакуют, распакуют и перевезут, если потребуется, разберут и соберут. С нами переезд действительно может стать легким и безболезненным.</div>
</div>

Далее в main.css добавьте:

.question a 
{border-bottom: 1px dashed #888;
	text-decoration: none;}