Как закрепить меню

preview_player
Показать описание
Покажу два способа которыми пользуюсь сам.
1) При помощи CSS можем задать положение fixed для блока меню.
Делается очень просто. Переходим в режим просмотра кода, находим клас хедера который хотим зафиксировать. Прописываем позицию фиксированно добавляем ширину 100% обычно этого достаточно. Копируем код из окна просмотра кода и вставляем в Customizer который теперь есть в каждом Wordpress в последних версиях. Все сохраняем и готово.
Иногда верхнее меню наползает на контент, в этом случае найдем клас который отвечает за верхний блок (на который наползает меню) и зададим ему отступ с верху на ширину меню, обычно это 50-80px. Тоже все вставляем в кастомайзер и сохраняем.
Кому все это не понятно, просто используем второй способ
2) Заходим в плагины в админке, нажимаем ДОБАВИТЬ НОВЫЙ и вгоняем в поисковую строчку следующее MyStickyMenu находим этот плагин, устанавливаем, активируем.
В левой части в пунте НАСТРОЙКИ находим подпункт myStickymenu. Заходим и вписываем класс или идентификатор элемента и нажимаем соранить. Как найти идентификатор или класс меню смотрите в видео. Обратите внимание на то что ели мы вписываем класс то ставим точку перед именем класса, а если идентификатор то решетку. В видео я не поставил сначала решетку по этому меню не прилипло, не повторяйте моих очепяток.

Помимо этого есть еще некоторые настройки такие как, ПРЯТАТЬ МЕНЮ ПРИ СКРОЛИНГЕ в этом случае меню пропадает при скролиге а если крутим наверх оно сразу появляется.

Всего наилучшего!

Вопросы в комментарии задавайте и оцените это видео лайком или дизлайком
Рекомендации по теме
Комментарии
Автор

Ты волшебник))) Все получилось! Спасибо! С меня лайк!

MaybeSuper
Автор

Большое спасибо, супер! Особенно хорошо, что вы сохранили на видео свои ошибки. На них обращаешь особое внимание.

shirokof-ru
Автор

Спасибо, как раз тоже использую тему Astra, поэтому проблем никаких не возникло, всё получилось.

MaxBudkin
Автор

Комментариев по отношению к лайкам мало. Не справедливо. Это видео заслуживает активности, от меня подписка. Правда, кодом у меня не получилось. Поставила плагин и не возилась. Теперь плагин выглядит иначе, но все понятно.

РинаШИК
Автор

Спасибо ! Получилось. Использовал 1 вариант с кодом. Действительно очень просто оказалось. Плагины не очень люблю использовать. Но вот вопрос-нужно сделать уменьшающееся меню или логотип при прокрутке. Возможно ли это без плагинов сделать ?

pavelmir
Автор

Как убрать залипшее меню? Попросили убрать, в коде понятно они не копались. В настройках можно это исправить, плагинов никаких не установленно.

OdinokyVolk
Автор

Сейчас этого плагина нет, что в замен посоветуете?
Спасибо.

GREH
Автор

Чувак, спасибо, помогло))) лови лайк!!)

ЕвгенийСидоров-дю
Автор

Благодарю! Подскажите, пожалуйста, меню благополучно закрепилось, но страничка наезжает на меню.

ДарЗемли-рж
Автор

Если меню изначально прозрачное, как сделать, чтобы при прокрутке меняло цвет?

natali
Автор

Коды - плагины!
Поработала в Тильде и столкнулась с тем, что хедер не фиксируется если делать не шаблонами, а зероблоком, всё пляшет, уезжает. Народ на ютубе для таких вещей уже в код лезет, а когда делала как предложила поддержка тоже гуляет всё. Короче прога хрень, особенно после бесплатной фигмы, где таких проблем и близко нет. Ребята капусту рубят.

mariadawnwork