Опубликовано: 9 января 2016
Как можно зафиксировать шапку сайта?
Подскажите как можно сделать фиксированную шапку сайта?
- Коломна, ул. Кирова, 60а, офис 7
- +7 (995) 656-25-45
- kolmakov.igor@gmail.com
Опубликовано: 9 января 2016
Подскажите как можно сделать фиксированную шапку сайта?
Комментарии (4)
Что именно нужно фиксировать? Попробуйте нужному блоку добавить фиксированное позиционирование:
http://wm-azbook.ru/index.php/svoystva-css/svoystv...
http://htmlbook.ru/css/position
Нужно зафиксировать всю шапку сайта с двумя горизонтальными меню или оба горизонтальных меню.
Именно для Вашего случая (т.к. исходный код был изменен)
в пользовательских стилях - http://wm-site.ru/profitbuy/290/blok-polzovatelski...
пропишите
@media only screen and (min-width: 993px){ header.globalheader { position: fixed; left: 0; right: 0; background: #fff; z-index: 10000; } body>b { padding-top: 195px; display: block; } .tree-wrapper.fixed { position: static; top: 0; left: 0; right: 0; width: 100%; z-index: 1001; } }Как сделать плавающим оба меню? Учитывая что нижнее уже плавающее!
одна панель (ссылки на категории) у Вас уже фиксирована
фиксировать 2-ю панель (поиск и авторизация):
1. в файле "index.html"
заменить строку
<nav class="nav-wrapper">
на
<nav class="nav-wrapper tree-wrapper">
2. в пользовательских стилях прописать праило правило
@media only screen and (min-width: 993px){.tree-wrapper.fixed {
top: 50px;
}
.nav-wrapper.tree-wrapper.fixed {
top: 0;
}
}