Перейти к содержимому


Уменьшить Слайдер

Автор sergej0720, 13 сент. 2016 16:54

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 sergej0720

sergej0720

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 13 Сентябрь 2016 - 16:54

Добрый день, прошу вас помочь внести следующие изменения:
1. Убрать мобильный вид (сделать чтобы на всех устройствах сайт отображался одинакового)
2. Уменьшить слайдер до размеров примерно как на "скрин1), и рядом разместить блок с 2-мя кнопками ( как на "скрин1"), цвета , надписи и назначения кнопок я задам сам (в этом разберусь!).
Заранее Спасибо!

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

  • скрин1.jpg

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 13 Сентябрь 2016 - 18:00

Просмотр сообщенияsergej0720 (13 Сентябрь 2016 - 16:54) писал:

Добрый день, прошу вас помочь внести следующие изменения:
1. Убрать мобильный вид (сделать чтобы на всех устройствах сайт отображался одинакового)
2. Уменьшить слайдер до размеров примерно как на "скрин1), и рядом разместить блок с 2-мя кнопками ( как на "скрин1"), цвета , надписи и назначения кнопок я задам сам (в этом разберусь!).
Заранее Спасибо!

Здравствуйте.

1) Вам нужно в шаблоне HTML удалить строку:
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Далее в main.css удалите код:
/******************************************************************************
  Адаптивная часть
*******************************************************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
/******************************************************************************
Min Width "768px"
*******************************************************************************/
@media all and (min-width: 768px) {
.container{width:750px}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}
.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%}
.navbar {border-radius: 4px;}
.navbar-collapse{width:auto;border-top: 0 !important;;box-shadow:none} /* border-top: 0; */
.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}
.navbar-collapse.in{overflow-y:visible}
.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}
.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
.navbar-nav.navbar-right:last-child{margin-right:-15px}
.navbar-left{float:left !important}
.navbar-right{float:right !important}
.navbar-toggle{display:none}
}
/******************************************************************************
Min Width "992px"
*******************************************************************************/
@media all and (min-width: 992px) {
.container{width:970px}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:right}
.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%}
.navbar-collapse {display: block !important;height: auto !important;}
.header .primary .sub {-webkit-backface-visibility: hidden;}
.header .primary .navbar .nav {width:553px;}
.hide-cat {display:none !important}
}
/******************************************************************************
Min Width "1200px"
*******************************************************************************/
@media all and (min-width: 1200px) {
.container{width:1200px}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}
.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%}
.header .primary .navbar .nav {width:745px;}
#main {overflow-x:hidden;}
}
/******************************************************************************
  Min Width "1600px"
*******************************************************************************/
@media screen and (min-width: 1400px) {
.page-box-content {padding-bottom: 250px;}
}
/******************************************************************************
  Max Width "1200px"
*******************************************************************************/
@media screen and (max-width: 1200px) {
.pagination-box {margin: 20px 0;float: left;clear: both;}
.phone-active, .search-active {left: 0;width: auto;}
}
/******************************************************************************
Max Width "1199px" - Min Width "992px"
*******************************************************************************/
@media all and (min-width: 992px) and (max-width: 1199px) {
.sidebar .banners .slide {width: 220px;}
.col-md-3.product, .col-md-3 > .product {max-width: 242px;}
}
/******************************************************************************
Max Width "991px"
*******************************************************************************/
@media all and (max-width: 991px) {
.fixed-header .page-box {margin-top: 0 !important;padding-top: 0 !important;-webkit-transition: none !important;transition: none !important;}
.fixed-header.hidden-top #top-box {margin-top: 0;margin-bottom: 0;position: static;}
.fixed-header .header, .fixed-header.hidden-top.visible-top .header {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;position: static;top: inherit;-webkit-backface-visibility: inherit;-webkit-transform: inherit;}
.fixed-header .header-two + * {margin-top: 0;}
.hidden-top {margin-top: 0;}
.fixed-header {margin-top: 0 !important;padding-top: 0 !important;}
.fixed-header.hidden-top {-webkit-transition: all 0 linear;transition: all 0 linear;}
.fixed-header.hidden-top .header {margin-top: 0;position: static;}
.fixed-header.hidden-top.visible-top .header,
.fixed-header.hidden-top.fixed #top-box,
.fixed-header.hidden-top.visible-top.fixed #top-box {margin-top: 0;}
.header {width: auto;}
.header .right-box-wrapper {text-align: right; height: 186px; padding-bottom: 42px;}
.header .header-icons {margin: 0;}
.header .cart-header {margin-right: 0;}
.header .primary,
.header .header-icons {display: inline-block;float: none;vertical-align: top;}
.header .primary {margin: 0 0 0 -4px;text-align: left;z-index: inherit;}
.header .primary .navbar {margin: 0;min-height: inherit;position: static;}
.header .primary .navbar .btn-navbar {background: #fff;border: 1px solid #ccc;border-bottom: 0 none;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: block;float: left;height: 46px;line-height: 15px;margin: 0;padding: 10px 15px;position: relative;text-shadow: none;z-index: 920;}
.header .primary .navbar .btn-navbar:before {border-left: 1px solid #ccc;bottom: 8px;content: "";display: none;left: -1px;position: absolute;top: 7px;}
.header .primary .navbar .btn-navbar.collapsed:before {display: block;}
.header .primary .navbar .btn-navbar.collapsed {background: none;border: 1px solid transparent;border-bottom: 0 none;}
.header .primary .navbar .btn-navbar .text {color: #1e1e1e;float: right;line-height: 16px;padding: 0 0 0 30px;}
.header .primary .navbar .btn-navbar .icon-bar {background: #00c59c;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;height: 3px;margin: 0;width: 22px;}
.header .primary .navbar .btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}
.header .primary .navbar .navbar-collapse {border: 0 none;box-shadow: none;left: auto;margin: 22px 0 0;max-height: inherit;overflow: hidden !important;padding: 0 15px;position: absolute;right: 0;top: 50%;width: 200%;z-index: 919;}
.header .primary .navbar .nav {background: #fff;border: 1px solid #ccc;-webkit-border-radius: 3px 0 3px 3px;-moz-border-radius: 3px 0 3px 3px;border-radius: 3px 0 3px 3px;float: none;padding: 6px 6px 3px;}
.header .primary .navbar .nav > li {float: none;margin: 0 0 3px;padding: 0;}
.header .primary .navbar .nav > li > a,
.header .primary .navbar .nav > li > a:visited {background: #f2f2f2;border: 1px solid #f2f2f2;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;font-weight: normal;margin: 0;padding: 7px 9px 7px 59px;text-decoration: none;}
.header .primary .navbar .nav > li > a:hover,
.header .primary .navbar .nav > li:hover > a {background: #e9e9e9;border: 1px solid #e9e9e9;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.header .primary .navbar .nav > .parent > a,
.header .primary .navbar .nav > li.parent:hover > a {background: #f2f2f2;position: relative;}
.header .primary .navbar .nav .parent .parent > a:after {display: none;}
.header .primary .navbar .nav .open-sub {bottom: 0;left: 0;position: absolute;top: 0;width: 55px;}
.header .primary .navbar .nav .open-sub span {background: #1e1e1e;display: block;height: 2px;margin: 17px 0 0 15px;position: absolute;width: 16px;}
.header .primary .navbar .nav .open-sub span + span {height: 16px;margin: 10px 0 0 22px;width: 2px;}
.header .primary .navbar .nav .parent .parent > a .open-sub span {background: #7f7f7f;height: 2px;margin: 14px 0 0 38px;position: absolute;width: 12px;}
.header .primary .navbar .nav .parent .parent > a .open-sub span + span {height: 12px;margin: 9px 0 0 43px;width: 2px;}
.header .primary .navbar .nav > li.parent:hover > a:after {display: none;}
.header .primary .sub, .header .primary .parent .sub,
.header .primary .parent:hover > .sub {background: #f7f7f7;border: 0 none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: none;font-size: 13px;left: 0;line-height: 24px;margin-top: 0;margin-bottom: 0;padding: 6px 0 5px;position: relative;}
.header .primary .navbar .nav > li.parent:hover > a {background-color: #e9e9e9;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.header .primary .navbar .nav > .parent.active > a,
.header .primary .navbar .nav > .parent.active:hover > a{background: #1e1e1e;border-color: #1e1e1e;color: #fff;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.header .primary .navbar .nav > .parent.active > a .open-sub span {background: #fff;}
.header .primary .navbar .nav .parent.active > a .open-sub span + span {display: none;}
.header .primary .parent:hover > .sub {-webkit-animation: fadeIn 0;animation: fadeIn 0;}
.header .primary .sub li {line-height: 22px;}
.header .primary .sub a,
.header .primary .sub a:visited {background: none;color: #7f7f7f;padding: 4px 9px 4px 60px;text-decoration: none;width: auto !important;}
.header .primary .navbar .nav a > i {color: #1e1e1e;}
.header .primary li:hover > .sub a {background: none;}
.header .primary .sub .sub {left: 0;margin-left: 10px;}
.header .cart-header .dropdown-menu {margin-top: -1px;margin-right: -98px;}
.header .cart-header.open .dropdown-toggle:after {left: 0;}
.sidebar.col-sm-12 {margin-top: 40px;}
.toolbar .grid-list .grid, .toolbar .grid-list .list {margin-right: 6px;}
.toolbar .sort-catalog {margin: 0 6px 20px 1px;}
.products.grid {margin-left: -10px;margin-right: -10px;text-align: center;}
.table-box {padding: 0 1px;}
.product-page .product-options .col-sm-12 {float: none;margin-bottom: 20px;width: 100%;}
.shopping-cart-table tbody td {padding: 20px;}
#footer .sidebar .widget:nth-child(2n+1) {clear: left;}
.compare-info .buttons a {float:left;margin-right: 20px;}
.product-page .goods-pagination {float:left;}
}
/******************************************************************************
Max Width "991px" - Min Width "768px"
*******************************************************************************/
@media all and (min-width: 768px) and (max-width: 991px) {
.top-navbar .nav > li a {padding-left: 10px;padding-right: 10px;}
.primary .navbar-collapse.collapse {display: none !important;}
.primary .navbar-collapse.collapse.in {display: block !important;}
.toolbar .filterbar .layout-slider {width: 200px;}
.product-page .image-box .thumblist-box {padding: 0 45px;}
.product-page .image-box #thumblist a {height: 100px;width: 100px;}
.contact-info address {float: none;width: 100%;}
.sidebar .banners .slide {width: 165px;}
.sidebar .banners .banner-text {padding: 10px;}
.sidebar .banners .banner-text p {display: none;}
.products-tab .tab-content {overflow: visible;}
.col-sm-5.respond-carousel .carousel .respond {max-width: 312px;}
#footer .footer-top .col-md-3 {margin-bottom: 40px;}
.product, .cat {width: 240px;}
.register .buttons a:first-child {margin-right:20px;}
.register .buttons button:first-child {margin-right:20px;}
.register .buttons a:last-child {float:left;}
.register .buttons button:last-child {float:left;}
.reviews-box .rating-box {margin:0 auto;float:none;}
.product-page .goods-pagination {text-align: center;float:none;margin-top: 10px;}
.product-page .reviews-box {height: auto;}
}
/******************************************************************************
Max Width "767px"
*******************************************************************************/
@media all and (max-width: 767px) {
.container {padding-left: 10px;padding-right: 10px;}
.carousel .col-sm-1, .carousel .col-sm-2, .carousel .col-sm-3, .carousel .col-sm-4 {min-width: 160px;}
.carousel .col-sm-5, .carousel .col-sm-6, .carousel .col-sm-7, .carousel .col-sm-8, .carousel .col-sm-9, .carousel .col-sm-10, .carousel .col-sm-11, .carousel .col-sm-12 {min-width: 300px;}
.carousel .col-md-1, .carousel .col-md-2, .carousel .col-md-3, .carousel .col-md-4, .carousel .col-xs-1, .carousel .col-xs-2, .carousel .col-xs-3, .carousel .col-xs-4, .carousel .col-xs-5, .carousel .col-xs-6, .carousel .col-xs-7, .carousel .col-xs-8, .carousel .col-xs-9, .carousel .col-xs-10, .carousel .col-xs-11, .carousel .col-xs-12 {max-width: 300px;}
.col2-set .col-1, .col2-set .col-2 {float: none;width: 100%;}
.col2-set .col-1 {margin-bottom: 40px;}
body, body.loaded {min-width: 320px;padding-left: 0;padding-right: 0;overflow-x: hidden;}
h1 {font-size: 28px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
.page-box {height: auto !important;min-height: inherit;overflow-x: hidden;}
.page-box-content {padding-bottom: 0;}
#top-box .btn-group.btn-select .visible-xs {display: inline-block !important;}
#top-box .btn-group.btn-select .dropdown-menu {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 0 3px 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;min-width: inherit;width: 100%;}
.top-navbar {margin: 0;min-height: 30px;}
.top-navbar .btn-navbar {background: none !important;border-color: rgba(255,255,255,.2);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff;color: rgba(255,255,255,.7);float: left;font-size: 16px;margin: 0;padding: 7px;}
.top-navbar .btn-navbar.collapsed {border-color: transparent;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: rgba(255,255,255,.7);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.top-navbar .collapse, .top-navbar .collapsing {background: #fff;border: 0 none;left: 0;margin: 5px -10px 0;padding: 0;position: absolute !important;top: 100%;z-index: 1002;}
.top-navbar .navbar-nav {margin: 0;}
#top-box .top-navbar .nav > li a {color: #7b7b7b;}
.top-navbar .nav > li:hover a, .top-navbar .nav > li a:hover {background: none;}
.top-navbar.top-navbar-right .btn-navbar {float: right;}
.top-navbar.top-navbar-right .collapse, .top-navbar.top-navbar-right .collapsing {left: auto;right: 0;}
.top-navbar .nav > li a .count {background: rgba(0,0,0,.1);}
.header-three {overflow: hidden;}
.header .right-box {padding-left: 0;}
.phone-active, .search-active {left: 10px;padding: 0;right: 10px;}
.phone-active {font-size: 22px;line-height: 58px;}
.phone-active .title {display: none;}
.search-active .search-string, .search-active .search-string:hover {padding-left: 8px; margin-top: 77px;}
.header .cart-header .dropdown-toggle, .header .primary .navbar .btn-navbar {padding-left: 10px;padding-right: 10px;}
.header .cart-header .dropdown-menu {width: 325px;}
.header.header-three .logo-box {width: 100%;}
.breadcrumb {padding-left: 10px;padding-right: 10px;}
#main {padding: 40px 0;}
#main.no-padding {padding-top: 0;padding-bottom: 0;}
.content.pull-right {float: none !important;}
.sidebar {margin-top: 40px;}
.sidebar .widget {margin: 0 0 40px;}
.sidebar .carousel > .col-md-3 {float: left;margin-left: 10px;margin-right: 10px;}
.toolbar .filterbar .layout-slider {width: 240px;}
.pagination-box {margin-top: 0;text-align: center;}
.pagination-box .pagination {margin: 0 -5px 0 0;}
.pagination-box .pagination-text {display: block;float: none;}
.products {text-align: center;}
.list .product .col-md-3, .list .product .col-md-4 {margin-bottom: 20px;}
.list .product .product-image {margin-left: auto;margin-right: auto;max-width: 300px;}
.caroufredsel_wrapper {margin-left: auto !important;margin-right: auto !important;}
.recommended-product .products > .col-md-3 .product {display: block;margin-left: 0;margin-right: 0;}
.products-tab .tab-content > .tab-pane {height: 263px;text-align: center;}
.text-center-mobile {text-align: center;}
.accordion-tab {border: 0 none;float: none;width: 100%;}
.accordion-tab > li {float: none;margin: 0 0 3px;}
.accordion-tab > li > a, .products-tab .accordion-tab > li > a {background-position: 14px 50%;background-repeat: no-repeat;background-color: #f2f2f2;border: 0 none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color: #1e1e1e;display: block;font-size: 14px;line-height: 22px;margin: 0;padding: 9px 9px 9px 60px;position: relative;text-decoration: none;-webkit-transition: all .2s linear;transition: all .2s linear;}
.accordion-tab > li > a:hover, .products-tab .accordion-tab > li > a:hover {background-color: #e9e9e9;-webkit-transition: all .2s linear;transition: all .2s linear;}
.accordion-tab > li.active > a, .accordion-tab > li.active > a:hover, .accordion-tab > li.active > a:focus, .accordion-tab > li.active:hover > a, .products-tab .accordion-tab > li.active > a, .products-tab .accordion-tab > li.active:hover > a {background-color: #1e1e1e;border: 0 none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color: #fff !important;}
.accordion-tab > li > a:before, .products-tab .accordion-tab > li > a:before {background: #e1e1e1;background: rgba(255,255,255,.4);bottom: 0;content: "";display: block;left: 45px;position: absolute;top: 0;width: 1px;}
.accordion-tab > li.active > a:before, .products-tab .accordion-tab > li.active > a:before {background: #444;background: rgba(255,255,255,.2);}
.accordion-tab > li > a .open-sub, .products-tab .accordion-tab > li > a .open-sub {bottom: 0;display: block;left: 0;position: absolute;top: 0;width: 45px;}
.accordion-tab > li > a .open-sub:before, .accordion-tab > li > a .open-sub:after, .products-tab .accordion-tab > li > a .open-sub:before, .products-tab .accordion-tab > li > a .open-sub:after {background: #1e1e1e;content: "";display: block;height: 2px;left: 0;margin: 19px 0 0 15px;position: absolute;top: 0;width: 16px;}
.accordion-tab > li > a .open-sub:after, .products-tab .accordion-tab > li > a .open-sub:after {height: 16px;margin: 12px 0 0 22px;width: 2px;}
.accordion-tab > .active > a .open-sub:before, .accordion-tab > .active > a .open-sub:after, .products-tab .accordion-tab > .active > a .open-sub:before, .products-tab .accordion-tab > .active > a .open-sub:after {background: #fff;}
.accordion-tab > .active > a .open-sub:after, .products-tab .accordion-tab > .active > a .open-sub:after {display: none;}
.accordion-tab .tab-pane {border: 0 none;display: none;font-size: 13px;padding: 20px 0 30px;}
.page-header {margin-bottom: 40px;}
.image-box {margin: 0 auto 40px;max-width: 470px;}
.product, .cat {width: 300px;}
.product-page .image-box .thumblist-box {max-height: 80px;padding: 0 45px;}
.product-page .image-box #thumblist a {height: 100px;width: 100px;}
.product-page .col-md-7 .price-box {font-size: 40px;}
.product-page .add-cart-form {margin-bottom: 0;}
.product-page .add-cart-form .add-cart,
.product-page .add-cart-form .number {margin-bottom: 40px;}
.product-page .product-tab {margin: 40px 0;}
.product-page .product-tab .tab-pane {padding: 20px 0;}
.product-page .add-cart-form .add-cart {width: 200px;}
.product .col-sm-8.col-md-8 {text-align: center;}
.map-box .contact-info {margin-bottom: 20px;padding: 0;position: relative;top: 0;}
.box-404 {-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;height: 300px;margin: 0 auto 40px;padding: 75px 0 0;width: 300px;}
.box-404 h1 {font-size: 120px;}
.team-box {text-align: center;}
.list-images {margin-left: -10px;margin-right: -10px;margin-bottom: 20px;text-align: center;}
.list-images > .col-md-4 {display: inline-block;margin: 0 0 20px;text-align: left;width: 170px;}
.layout-slider {width: 240px;}
.respond-carousel .carousel [class*="span"] {margin-left: 2px;margin-right: 2px;}
#footer {margin-top: 0;}
#footer .sidebar {margin-top: 0;}
#footer .footer-top {padding-bottom: 0;}
#footer .footer-top .col-md-3 {margin-bottom: 36px;overflow: hidden;}
#footer .footer-bottom .col-md-3 {margin-bottom: 36px;overflow: hidden;}
#footer .footer-bottom .copyright {padding: 17px 0;text-align: center;}
#footer .phone,
#footer .address {float: left;margin-bottom: 29px;width: 48%;}
#footer .phone .title {display: block;}
#footer .address {float: right;}
#footer .up {float: none;margin: 0 auto;}
#back-top .up {bottom:10px;right:10px;}
.content-discount {text-align: center;}
.content-discount .img-discount {width:100%}
.content-discount .desc-discount {width:100%}
#quickform-order,#quickform-close {margin:0.1em 0;display:inline-block;text-align:center;}
}
/******************************************************************************
  Max Width "681px"
*******************************************************************************/
@media screen and (max-width: 681px) and (min-width:600px) {
.header .primary .navbar .navbar-collapse {margin:45px 0 0 ;}
}
/******************************************************************************
  Max Width "640px"
*******************************************************************************/
@media screen and (max-width: 640px) {
.nav-tabs > li {width:100%;border: 1px solid #ddd;background: #f2f2f2;}
.nav-tabs > li > a.active {border:0;}
.nav-tabs > li > a {border:0;}
.tab-content {border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;}
.goodsDataOpinionAverageInfo a {float: left;margin: 5px 0 5px 20px;}
.goodsDataOpinionAverageInfo span {float: left;margin: 5px 0 5px 20px;}
}
/******************************************************************************
Max Width "600px"
*******************************************************************************/
@media all and (max-width: 600px) {
.header .cart-header .dropdown-toggle .count {display: none;}
.header .cart-header .dropdown-toggle, .header .primary .navbar .btn-navbar {padding-left: 5px;padding-right: 5px;}
.header.header-two .primary .navbar .btn-navbar.collapsed:before {display: none;}
.hidden-600 {display: none !important;}
}
/******************************************************************************
  Max Width "580px"
*******************************************************************************/
@media only screen and (min-width:220px) and (max-width:580px){
.table-box{overflow-x:scroll;}
.cart-info{min-width:320px;overflow-x:scroll;}
.scroll{min-width:320px;overflow-x:scroll;}
.cart-info .buttons a:last-child {float:left;}
}
/******************************************************************************
Max Width "480px"
*******************************************************************************/
@media all and (max-width: 480px) {
.slider .slid-content .title {max-height: 42px;overflow: hidden;}
#quickform-order,#quickform-close {float:none;}
.reviews-box .rating-box {margin:0 auto;float:none;}
.product-page .goods-pagination {text-align: center;float:none;margin-top: 10px;}
.product-page .reviews-box {height: auto;}
}
/******************************************************************************
Max Width "388px"
*******************************************************************************/
@media all and (max-width: 388px) {
.header .primary .navbar .btn-navbar:before {border:0;}
.header .primary .navbar .navbar-collapse {margin:45px 0 0 0;}
.goodsDataOpinionAverageInfo a {clear:both;}
.goodsDataOpinionAverageInfo span {clear:both;}
.col-xs-6.right-box {width:50%}
.col-xs-6.logo-box {width:50%;}
#goodsDataOpinionAdd .form-control, #goodsDataOpinionAdd .textarea {max-width:150px;}
.goodsDataOpinionCaptcha #opinion_captcha_string {width:50px;}
.goodsDataOpinionCaptcha .captcha {width:0;}
.input-text, .form-control, .textarea {width:200px;}
.callbackForm.form-box .input-text, .callbackForm.form-box .form-control, .callbackForm.form-box .textarea {width:150px;}
.buttons a:first-child {margin-right:20px;}
.buttons button:first-child {margin-right:20px;}
.buttons a:last-child {float:left;}
.buttons button:last-child {float:left;}
.buttons span:last-child {float:left;}
.product-page .goods-pagination {font-size:85%;}
}
/******************************************************************************
Touch device
*******************************************************************************/
.touch-device .carousel-box .next:hover,
.touch-device .carousel-box .prev:hover {background-color: #ccc;color: #fbfbfb;}
.touch-device #footer .up:hover {background: #c6c6c6;}
.touch-device.fixed-header .page-box {margin-top: 0 !important;padding-top: 0 !important;-webkit-transition: none !important;transition: none !important;}
.touch-device.fixed-header .header, .touch-device.fixed-header.hidden-top.visible-top .header {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;position: static;top: inherit;-webkit-backface-visibility: inherit;-webkit-transform: inherit;}
.touch-device.fixed-header.hidden-top {-webkit-transition: all 0 linear;transition: all 0 linear;}
.touch-device.fixed-header.hidden-top #top-box {margin-top: 0;margin-bottom: 0;position: static;}
.touch-device.fixed-header.hidden-top .header {margin-top: 0;position: inherit;top: 0;}
/******************************************************************************
Not hover
*******************************************************************************/
.touch-device .carousel-box .next:hover, .touch-device .carousel-box .prev:hover {background-color: #ccc;color: #fbfbfb;}
.touch-device .carousel-box .next:hover polygon, .touch-device .carousel-box .prev:hover polygon {fill: #fbfbfb;}
.touch-device .carousel-box .pagination a:hover, .touch-device .carousel-box .pagination a.selected {background: #ccc;background: rgba(0,0,0,.3);}
.touch-device .filter-buttons a:hover {opacity: 1;filter: alpha(opacity=100);}
.touch-device .gallery-images:hover > .bg-images {background: none;}
.touch-device .post.carousel .carousel-box .next, .touch-device .post.carousel .carousel-box .prev {display: none !important;}
.fancybox-margin .touch-device.fixed-header .header, .fancybox-margin .touch-device.fixed-header #top-box {left: 0;}
.touch-device .fancybox-wrap {position: fixed !important;-webkit-overflow-scrolling: touch !important;top: 20px !important;}
/*******************************************************************************/
/******************************************************************************
  Фиксы для различных бруезеров
*******************************************************************************/
.ie .container {width:1200px;}
.ie .navbar-toggle {display:none;}
.ie .navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
.ie .navbar-nav>li {float: left;}
.ie7 .header .logo img {margin-top:10%;}
.ie7 .header-wrapper .container .row div {padding:0}
.ie8 .navbar-default .navbar-collapse {border:0;}
.ie .col-md-1, .ie .col-md-2, .ie .col-md-3, .ie .col-md-4, .ie .col-md-5, .ie .col-md-6, .ie .col-md-7, .ie .col-md-8, .ie .col-md-9, .ie .col-md-10, .ie .col-md-11, .ie .col-md-12{float:left}
.ie .col-md-12{width:100%}
.ie .col-md-11{width:91.66666667%}
.ie .col-md-10{width:83.33333333%}
.ie .col-md-9{width:75%}
.ie .col-md-8{width:66.66666667%}
.ie .col-md-7{width:58.33333333%}
.ie .col-md-6{width:50%}
.ie .col-md-5{width:41.66666667%}
.ie .col-md-4{width:33.33333333%}
.ie .col-md-3{width:25%}
.ie7 .col-md-3{width:22%}
.ie .col-md-2{width:16.66666667%}
.ie .col-md-1{width:8.33333333%}
.ie a:hover{opacity:1;cursor:pointer;transition:none;filter:none;}
.ie .form-control {height:40px;}
.ie .header .cart-header .dropdown-toggle .icon-basket .cart-count {margin-top:-8px;}
@-moz-document url-prefix() {
.header .cart-header .dropdown-toggle .icon-basket .cart-count {margin-top:-7px;}
.goods-image-small{max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("2")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("2")}px}
.compare-info, .close, .close:visited, .account, .my-account, .title-box, .col-sm-6, .col-md-6 {position:unset;}
.title-box:after {background: #1e1e1e;bottom: 0;content: "";display: block;height: 1px;left: 0;margin: 0 0 -1px;width: 40px;}
.title-box:before {content: none;}
}
@-moz-document url-prefix() {
  @media all and (min-width:768px) and (max-width:991px){
.carousel.products {left: 0px !important;}
}
  @media all and (max-width:1200px) {
.goods-image-small{width:100%;}
}
}

#3 sergej0720

sergej0720

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 15 Сентябрь 2016 - 10:33

1. По мобильному виду - получилось, но шапка сайта, слайдер и фон подвала съехали влево (только на смартфонах и планшетах(пробовал несколько штук)). Скрины прилагаю

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

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

  • Screenshot_2016-09-15-12-22-49-738.jpeg
  • Screenshot_2016-09-15-12-22-53-484.jpeg
  • скрин1.jpg

#4 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 15 Сентябрь 2016 - 14:47

Просмотр сообщенияsergej0720 (15 Сентябрь 2016 - 10:33) писал:

1. По мобильному виду - получилось, но шапка сайта, слайдер и фон подвала съехали влево (только на смартфонах и планшетах(пробовал несколько штук)). Скрины прилагаю
Здравствуйте.
Добавьте в самом конце файла main.css код:

Скрытый текст

#5 sergej0720

sergej0720

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 15 Сентябрь 2016 - 16:23

Просмотр сообщенияMr.Nito (15 Сентябрь 2016 - 14:47) писал:

Здравствуйте.
Добавьте в самом конце файла main.css код:

Скрытый текст

Спасибо - то что надо!

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

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

  • скрин1.jpg

#6 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 15 Сентябрь 2016 - 19:01

Просмотр сообщенияsergej0720 (15 Сентябрь 2016 - 16:23) писал:

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

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

  • 15-09-2016 18-59-29.png

Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Движение
  5. → Изменение общей стилистики
  6. Privacy Policy