Липкая шапка в Astra, Astra Pro и любой теме для WordPress

Липкая шапка на WordPress делает навигацию по сайту лучше. Липкая шапка помогает управлять вниманием посетителя сайта и показывать ему то, что вам нужно, а нужно вам, чтобы посетитель оставался на сайте дольше и точно нашёл, что искал.
В этом видео руководстве я покажу, как сделать липкую шапку в WordPress теме Astra с помощью дополнения Astra Pro и с добавлением собственного CSS-кода, который размещён ниже в закреплённом комментарии.
Напишите, как вам понравилось это видео в комментариях.

#️⃣ Присоединяйся:

[ИванИлющенко-шс]

Огромное спасибо, сразу получилось на сторонней теме. Причём делал это не с шапкой, а со стойкой меню вынесенной отдельной таблицей в шапке

[НатальяКопасова-ыф]

Спасибо большое! Классное видео! Всё очень понятно. С удовольствием смотрю Ваши уроки.

[HasanshinRR]

У вас крайне позновательные и доступные для понимания уроки. Спасибо!

[alexeybelik]

Спасибо за титанический труд с написанием кода и записью обучающих видео!!!

[ildarsabirov]

Спасибо! Отличное видео. Как раз вовремя. Искал решение перекрасить меню.
Теперь всё ясно.
Только не вижу ссылки на код(

[StarcoVlad]

Спасибо огромное! А я голову ломаю как сделать!

[valentin]

Спасибо за видео !
А где можно найти коды которые Вы прописывали?

[OlegPushanko]

Помогите разобраться где код.Пол часа ищу))

[advardsss]

Где код? Обыскался уже, ну не могу найти! Срочно ткните носом.

[Pchelintsev]

Очень классный урок как всегда супер!!!

[Vasiljich]

Отлично, для другой темы, то - что искал. Код, тоже очень полезен. BIG - Спасибо

[ЮлияЭкспи]

Спасибо, что демонстрируете и уроки в бесплатной версии, это крайне ценно! Лучшие решения для новичков - только у Вас!

[ВладимирРак-пк]

Все круто работает, НО в мобильной версии, когда открывается меню, а оно у меня длинное. когда проходит 0.3с, и включается прилипание. не прокручивается пункты меню, а прокручивается на заднем плане главная страница. Может есть код как этот момент устранить? Спасибо!

[k.makarich]

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

[robomow]

Подскажите. пожалуйста, а почему у меня в Консоли может не быть слова Astra? "Astra Site"s есть, "Опции Astra" есть, а просто "Astra" нет?

[anastasia]

Спасибо огромное! Все ваши уроки очень полезные! Настолько все понятно и доступно объясняете, что даже новичок без проблем все сможет реализовать на своём первом сайте 🙂

[citymobil]

Вау чувак, наконец-то я нашёл то что искал, ура!. Спасибо тебе. Как установил и активировал, сразу хедер стал липким.

[Романыч]

Спасибо за проработанные и, главное, легкие в усвоении уроки! Здоровья тебе и твоим близким!!

[DigitalAlex]

CSS-код для липкой шапки в Astra (CSS-code for Astra sticky header)

#mysticky-nav.wrapfixed {
opacity: 1;
}

#mysticky-wrap .wrapfixed .main-header-bar {
padding: 0;
background-color:
border: none;
}

#mysticky-wrap .wrapfixed .site-branding {
padding-bottom: 0.1em;
}

#mysticky-wrap .wrapfixed .ast-mobile-menu-buttons {
padding-bottom: 0.8em;
}

#mysticky-wrap .wrapfixed .ast-button-wrap .menu-toggle {
font-size: 1.2em;
}

#mysticky-wrap .wrapfixed .ast-button-wrap .menu-toggle:hover, #mysticky-wrap .wrapfixed .ast-button-wrap .menu-toggle:focus {
background-color: red
}

#mysticky-wrap .wrapfixed .main-header-menu a {
color:
}

#mysticky-wrap .wrapfixed .main-header-menu .sub-menu a {
color: #3a3a3a;
}

#mysticky-wrap .wrapfixed #masthead .site-logo-img .custom-logo-link img {
max-width: 120px;
}

@media (max-width: 769px) {
#mysticky-wrap .wrapfixed .main-header-bar {
line-height: 0;
padding: 0.8em 0 0;
}
#mysticky-wrap .wrapfixed .main-header-menu a {
color: #3a3a3a !important;
}
#mysticky-wrap .wrapfixed .site-branding {
padding-bottom: 0.7em !important;
}
}


Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово!


Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана.
Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма.

[bartur]

Ты большой молодец! Всё очень доступно и понятно!