Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Header-Wrapper

Автор tutkypi, 26 дек. 2014 15:30

header-wrapper page-header

Авторизуйтесь для ответа в теме

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

#1 tutkypi

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

Пользователи
118 сообщений

ГородКостанай

Отправлено 26 Декабрь 2014 - 15:30

Доброго времени суток,после того как убрал закрепление меню(header-wrapper) оно иногда залезает на page-header.Исправляется это переходом по ссылке на главную.

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

Наверх

#2 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 27 Декабрь 2014 - 01:13

укажите пожалуйста номер аккаунта данного магазина

Наверх

#3 tutkypi

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

Пользователи
118 сообщений

ГородКостанай

Отправлено 27 Декабрь 2014 - 11:14

Vaccina (27 Декабрь 2014 - 01:13) писал:

укажите пожалуйста номер аккаунта данного магазина

Извините забыл, SL-325231

Наверх

#4 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 27 Декабрь 2014 - 11:46

tutkypi (27 Декабрь 2014 - 11:14) писал:

Извините забыл, SL-325231

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

.page-box {
min-height: 100%;
height: auto !important;
height: 100%;
}

замените на


.page-box {
min-height: 100%;
height: auto !important;
height: 100%;
background: #ffd32f;
background: background: #ffd32f;
}

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

.page-box-content {
padding-bottom: 370px;
}

замените на

.page-box-content {
padding-bottom: 370px;
background: white;
}

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

.header .logo img, .header .logo .logo-img {
max-height: 179px;
max-width: 200px;
z-index: 99;
}

замените на

.header .logo img, .header .logo .logo-img {
max-height: 162px;
max-width: 200px;
z-index: 99;
}

перед внесением изменений создайте бекап

Наверх

#5 tutkypi

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

Пользователи
118 сообщений

ГородКостанай

Отправлено 27 Декабрь 2014 - 11:53

Ирина345 (27 Декабрь 2014 - 11:46) писал:

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

.page-box {
min-height: 100%;
height: auto !important;
height: 100%;
}

замените на


.page-box {
min-height: 100%;
height: auto !important;
height: 100%;
background: #ffd32f;
background: background: #ffd32f;
}

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

.page-box-content {
padding-bottom: 370px;
}

замените на

.page-box-content {
padding-bottom: 370px;
background: white;
}

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

.header .logo img, .header .logo .logo-img {
max-height: 179px;
max-width: 200px;
z-index: 99;
}

замените на

.header .logo img, .header .logo .logo-img {
max-height: 162px;
max-width: 200px;
z-index: 99;
}

перед внесением изменений создайте бекап

Сделал,но проблема не исчезла,после нескольких обновлений страницы опять залазит

Наверх

#6 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 27 Декабрь 2014 - 12:04

tutkypi (27 Декабрь 2014 - 11:53) писал:

Сделал,но проблема не исчезла,после нескольких обновлений страницы опять залазит

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

.wrapper.page-box {
padding-top: 175px !important;
}

Наверх

#7 tutkypi

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

Пользователи
118 сообщений

ГородКостанай

Отправлено 27 Декабрь 2014 - 12:08

Ирина345 (27 Декабрь 2014 - 12:04) писал:

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

.wrapper.page-box {
padding-top: 175px !important;
}

Все также,
а вот сейчас вроде хорошо

Сообщение отредактировал tutkypi: 27 Декабрь 2014 - 12:16

Наверх

#8 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 27 Декабрь 2014 - 12:24

tutkypi (27 Декабрь 2014 - 12:08) писал:

Все также,
а вот сейчас вроде хорошо

отмените последнию инструкцию, создайте бекап
найдите в main.css

/******************************************************************************
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: 510px;}


}

/******************************************************************************
  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;}

}

замените на

/******************************************************************************
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;}
.wrapper.page-box {
padding-top: 175px !important;
}
}

/******************************************************************************
  Min Width "1600px"
*******************************************************************************/
@media screen and (min-width: 1400px) {
.page-box-content {padding-bottom: 510px;}
.wrapper.page-box {
padding-top: 175px !important;
}

}

/******************************************************************************
  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;}
.wrapper.page-box {padding-top: 175px !important;}

}

/******************************************************************************
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;}
.wrapper.page-box {
padding-top: 175px !important;
}

}

Наверх

#9 tutkypi

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

Пользователи
118 сообщений

ГородКостанай

Отправлено 27 Декабрь 2014 - 13:55

Сделал,большое спасибо,вроде все нормально,еще хотелось бы узнать ка уменьшить эти три картинки ,с анимацией на главной, при разрешении экрана меньше 991px?

Наверх

#10 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 27 Декабрь 2014 - 17:01

tutkypi (27 Декабрь 2014 - 13:55) писал:

Сделал,большое спасибо,вроде все нормально,еще хотелось бы узнать ка уменьшить эти три картинки ,с анимацией на главной, при разрешении экрана меньше 991px?

Найдите в main.css

@media all and (max-width: 767px) {
.container {padding-left: 10px;padding-right: 10px;}

замените на

@media all and (max-width: 767px) {
.container {padding-left: 10px;padding-right: 10px;}
.col-md-3.product, .col-md-3 > .product {max-width: 160px;}

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

@media all and (min-width: 768px) and (max-width: 991px) {
.sidebar .banners .slide {width: 220px;}
.col-md-3.product, .col-md-3 > .product {max-width: 242px;}

замените на



@media all and (min-width: 768px) and (max-width: 991px) {
.sidebar .banners .slide {width: 220px;}
.col-md-3.product, .col-md-3 > .product {max-width: 178px;}