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


Убрать Навигационное Меню

Автор Beliu, 10 мая 2016 09:18

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

#41 Beliu

Beliu

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

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

Отправлено 28 Май 2016 - 03:08

Просмотр сообщенияVaccina (28 Май 2016 - 02:11) писал:

В main.css найдите:
.top-navbar .nav {
width: 105%;
}

замените на:
.top-navbar .nav {
width: 100%;
}

Вот так хотелось бы и телефон лежит в плотную к лк

не как на скриншоте

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

  • Screenshot_31333.jpg

#42 Vaccina

Vaccina

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

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

Отправлено 28 Май 2016 - 04:55

В main.css найдите:
.phone-header, .search-header, .compare-header {
	border-right: 1px solid #ccc;
	color: #4a5159;
	display: inline-block;
	height: 30px;
	margin: 8px 0;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 30px;
}

замените на:
.phone-header, .search-header, .compare-header {
	border-right: 1px solid #ccc;
	color: #4a5159;
	display: inline-block;
	height: 30px;
	margin: 8px 20px 8px 0;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 30px;
	padding-right: 20px;
}

далее найдите:
.container {
	width: 1200px;
}

замените на:
.container {
	width: 90%;
}

#43 Beliu

Beliu

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

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

Отправлено 28 Май 2016 - 05:32

Просмотр сообщенияVaccina (28 Май 2016 - 04:55) писал:

В main.css найдите:
.phone-header, .search-header, .compare-header {
border-right: 1px solid #ccc;
color: #4a5159;
display: inline-block;
height: 30px;
margin: 8px 0;
position: relative;
text-align: center;
vertical-align: top;
width: 30px;
}

замените на:
.phone-header, .search-header, .compare-header {
border-right: 1px solid #ccc;
color: #4a5159;
display: inline-block;
height: 30px;
margin: 8px 20px 8px 0;
position: relative;
text-align: center;
vertical-align: top;
width: 30px;
padding-right: 20px;
}

далее найдите:
.container {
width: 1200px;
}

замените на:
.container {
width: 90%;
}
А уменьшить меню в два раза можно?

#44 Vaccina

Vaccina

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

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

Отправлено 28 Май 2016 - 06:02

Уменьшить имеете ввиду высоту строки каждого пункта в выпадающем меню?

#45 Beliu

Beliu

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

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

Отправлено 28 Май 2016 - 07:30

Просмотр сообщенияVaccina (28 Май 2016 - 06:02) писал:

Уменьшить имеете ввиду высоту строки каждого пункта в выпадающем меню?
вот самое верхнее меню всю строку уменьшить в два раза можно чуть меньше а то она все растет и растет)

#46 Beliu

Beliu

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

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

Отправлено 28 Май 2016 - 07:49

И еще вопросик если это самое верхнее меню сделать чтобы оно не выдвигалась а было просто висело на сайте и не ходило никуда просто было и все) это значительно уменьшит нагрузку на страницу?

#47 Beliu

Beliu

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

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

Отправлено 31 Май 2016 - 01:18

Ап

#48 Vaccina

Vaccina

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

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

Отправлено 31 Май 2016 - 03:09

В main.css найдите:
/*** Фиксированная часть шапки ***/
#top-box {background-color: #555557;min-height: 30px;padding: 5px 0;width: 100%;}
.fixed-header.hidden-top.visible-top .header {margin-top: 40px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded .page-box, .fixed-header.hidden-top.fixed.loaded .page-box {-webkit-transition: padding-top 0.2s linear;transition: padding-top 0.2s linear;}
/*.fixed-header.hidden-top.fixed .page-box {padding-top: 104px;} /*Отступ основной части для фиксированной шапки при скроле, данное значение должно быть равным размерам шапки */
/*.fixed-header.hidden-top .page-box {padding-top: 112px;} /*Отступ основной части для фиксированной шапки, данное значение должно быть равным размерам шапки */
.fixed-header.hidden-top.visible-top #top-box {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded #top-box {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed #top-box {margin-top: -42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top #top-box {left: 0;margin-top: -32px;position: fixed;top: 0;z-index: 910;}
.fixed-header.hidden-top #top-box.dmenu {margin-top: -56px;}
.fixed-header.hidden-top.visible-top .header.dmenu {margin-top: 80px;}
.fixed-header.hidden-top.fixed #top-box.dmenu {margin-top: -82px;}
.fixed-header.hidden-top.visible-top #top-box.dmenu {margin-top:0px;}
.fixed-header.hidden-top #top-box.tmenu {margin-top: -112px;}
.fixed-header.hidden-top.visible-top .header.tmenu {margin-top: 120px;}
.fixed-header.hidden-top.fixed #top-box.tmenu {margin-top: -122px;}
.fixed-header.hidden-top.visible-top #top-box.tmenu {margin-top:0px;}

замените на:
/*** Фиксированная часть шапки ***/
#top-box {background-color: #555557;min-height: 30px;padding: 5px 0;width: 100%;}

#49 Beliu

Beliu

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

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

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

Просмотр сообщенияVaccina (31 Май 2016 - 03:09) писал:

В main.css найдите:
/*** Фиксированная часть шапки ***/
#top-box {background-color: #555557;min-height: 30px;padding: 5px 0;width: 100%;}
.fixed-header.hidden-top.visible-top .header {margin-top: 40px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded .page-box, .fixed-header.hidden-top.fixed.loaded .page-box {-webkit-transition: padding-top 0.2s linear;transition: padding-top 0.2s linear;}
/*.fixed-header.hidden-top.fixed .page-box {padding-top: 104px;} /*Отступ основной части для фиксированной шапки при скроле, данное значение должно быть равным размерам шапки */
/*.fixed-header.hidden-top .page-box {padding-top: 112px;} /*Отступ основной части для фиксированной шапки, данное значение должно быть равным размерам шапки */
.fixed-header.hidden-top.visible-top #top-box {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded #top-box {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed #top-box {margin-top: -42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top #top-box {left: 0;margin-top: -32px;position: fixed;top: 0;z-index: 910;}
.fixed-header.hidden-top #top-box.dmenu {margin-top: -56px;}
.fixed-header.hidden-top.visible-top .header.dmenu {margin-top: 80px;}
.fixed-header.hidden-top.fixed #top-box.dmenu {margin-top: -82px;}
.fixed-header.hidden-top.visible-top #top-box.dmenu {margin-top:0px;}
.fixed-header.hidden-top #top-box.tmenu {margin-top: -112px;}
.fixed-header.hidden-top.visible-top .header.tmenu {margin-top: 120px;}
.fixed-header.hidden-top.fixed #top-box.tmenu {margin-top: -122px;}
.fixed-header.hidden-top.visible-top #top-box.tmenu {margin-top:0px;}

замените на:
/*** Фиксированная часть шапки ***/
#top-box {background-color: #555557;min-height: 30px;padding: 5px 0;width: 100%;}
Добрый вечер. Все же решил зафиксировать подскажите пожалуйста как его обрезать по стрелки? чет не получается

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

  • 000000.jpg

#50 Vaccina

Vaccina

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

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

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

В main.css найдите:
#top-box {
	background-color: #555557;
	min-height: 30px;
	padding: 5px 0;
	width: 100%;
}

замените на:
#top-box {
	background-color: #555557;
	min-height: 30px;
	padding: 5px 0;
	width: 85%;
	margin: 0 auto;
}

#51 Beliu

Beliu

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

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

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

Просмотр сообщенияVaccina (02 Сентябрь 2016 - 01:18) писал:

В main.css найдите:
#top-box {
background-color: #555557;
min-height: 30px;
padding: 5px 0;
width: 100%;
}

замените на:
#top-box {
background-color: #555557;
min-height: 30px;
padding: 5px 0;
width: 85%;
margin: 0 auto;
}
Ходил вокруг да около) все отлично спасибо.
Обратно в Каталог товаров


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

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

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