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

[Stas_Y]

ДД! Требуется сделать хедер "липким"! Это возможно?

[Firefly]

Stas_Y (31 Август 2015 - 12:46) писал:

ДД! Требуется сделать хедер "липким"! Это возможно?

Здравствуйте.
Если я правильно понимаю, Вы хотели бы закрепить шапку сайта, чтобы при прокрутке она оставалась сверху.
Для этого зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #ff0551;}

Замените на:

#header {position: fixed;z-index: 101;background-color:#ffffff;border-top:3px solid #ff0551;width: 100%;}

Найдите код:

#column-left + #content{margin-left: 235px;}

Замените на:

#column-left + #content{margin-left: 235px;padding-top: 181px;}

Найдите код:

#column-left {float: left;width: 210px;padding-top:10px;}

Замените на:

#column-left {float: left;width: 210px;padding-top: 181px;}

[Stas_Y]

Не ммогу такую строку найти, мой аккаунт sl- 356051

[Firefly]

Stas_Y (31 Август 2015 - 16:05) писал:

Не ммогу такую строку найти, мой аккаунт sl- 356051

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#header {position: relative;z-index: 2;}

Замените на

#header {position: fixed;z-index: 2;width: 100%;}

Найдите код:

#content {position: relative;}

Замените на:

#content {position: relative;top: 165px;}

[Stas_Y]

Чет не получилось(

[Firefly]

Stas_Y (31 Август 2015 - 16:27) писал:

Чет не получилось(

Вы немного поторопились и не полностью выполнили первый пункт из предыдущей инструкции.
Сейчас в main.css найдите код:

#header {position: relative;z-index: 2;width: 100%;}

Замените на:

#header {position: fixed;z-index: 2;width: 100%;}

[Stas_Y]

Спасибо отлично!) А может еще подскажете как можно сделать прокрутку страницы плавнее?

[Firefly]

Stas_Y (31 Август 2015 - 16:48) писал:

Спасибо отлично!) А может еще подскажете как можно сделать прокрутку страницы плавнее?

К сожалению, это зависит лишь от используемого Вами браузера и включенных в нем настроек.
К примеру, в Mozilla Firefox плавную прокрутку можно включить в разделе Настройки ->  Дополнительные (скриншот в приложении).

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

• 

[aleff]

Stas_Y (31 Август 2015 - 12:46) писал:

ДД! Требуется сделать хедер "липким"! Это возможно?

Это можно реализовать в шаблоне Спотр

[Юля123]

aleff (20 Март 2016 - 21:23) писал:

Это можно реализовать в шаблоне Спотр

Здравствуйте, да, конечно, этот вопрос обсуждался в этой теме: http://forum.storela...ов/#entry231215

[лиса]

Тоже захотела сделать липкий заголовок.. сделала все по вышеописанной схеме. Получилось) Но, вопреки ожиданиям, прилипло не только верхнее основное меню, а вся шапка полностью)) Выглядит глупо и неадаптивно)
Вернула в обе строки прежний текст, но шапка так и не отлипла)
Подскажите плз как вернуть всё обратно не прибегая к переустановке темы! Мой акк SL-386607. Спасибо!

[лиса]

Ana (20 Май 2016 - 02:21) писал:

Тоже захотела сделать липкий заголовок.. сделала все по вышеописанной схеме. Получилось) Но, вопреки ожиданиям, прилипло не только верхнее основное меню, а вся шапка полностью)) Выглядит глупо и неадаптивно)
Вернула в обе строки прежний текст, но шапка так и не отлипла)
Подскажите плз как вернуть всё обратно не прибегая к переустановке темы! Мой акк SL-386607. Спасибо!

Разобралась сама.

И всё же остается вопрос - как же всё-таки сделать липким только меню без всей огромной шапки?

[Vaccina]

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

.header-top {
	background-color: #f2f2f2;
	height: 50px;
}

замените на:

.header-top {
	background-color: #f2f2f2;
	height: 50px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
}

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

.header-content {
	padding: 0;
	background: #fff;
}

замените на:

.header-content {
	padding: 0;
	background: #fff;
	margin-top: 50px;
}

[лиса]

Спасибо большое! То, что нужно

[Vaccina]

Изменение в стилях не влияют на JavaScript, в main.css производили изменения или может перепутали и в main.js вставили?

Проверила, все прописано правильно и ошибка не всплывает, попробуйте почистить кэш, вы не вставляли в эту ночь какие-нибудь виджеты?

[лиса]

Vaccina (20 Май 2016 - 04:43) писал:

Изменение в стилях не влияют на JavaScript, в main.css производили изменения или может перепутали и в main.js вставили?

Проверила, все прописано правильно и ошибка не всплывает, попробуйте почистить кэш, вы не вставляли в эту ночь какие-нибудь виджеты?

Извиняюсь, исправила свой предыдущий пост про ошибку)
Нет, js не трогала, виджетов не добавляла, кэш чистила.. Попялилась непонимающим взглядом в экран минут пятнадцать и очередной раз  обновила страницу и каким-то чудом все само прошло)

[VarimSamogon]

если делаю по этой инструкции - смещаются другие поля (Новости)...
Как у меня сделать? И можно ли ТОЛЬКО меню каталога?

[Vaccina]

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

По фиксации шапки к верхней части сайта вам ответили в чате.