Верхняя панель навигации

Панель или меню может располагаться не только внизу, но и вверху, заменяя плавающую шапку или мобильное липкое меню.

Пример вы можете увидеть на этой странице, прокрутив ее вниз больше 200px.

Такое меню может стать удобной заменой плавающей «липкой» шапки куда можно вывести и отдельное мобильное меню, поиск по сайту, содержание записи или страницы магазина, например, корзину и личный кабинет.

Кроме расположения, в этой панели посередине выведен тип Свой элемент, куда был добавлен логотип, для данного примера без ссылки на главную, но можно сделать с ней.

Тип Свой элемент позволяет выводить вместо иконки и названия любой HTML-код, чтобы вы могли максимально кастомизировать свою панель.

Пример HTML для логотипа с этой страницы:

<img src="https://wpbar.ru/wp-content/uploads/2026/02/wpbar-logo-wide.png" alt="WPBar" width="90">

Для этой панели в Дополнительных стилях прописан код для компактного вывода на ПК версии, сама панель на всю ширину выводится, но содержимое панели ограничено 540px.

.wpbar-inner,
.wpbar-panel {
	width: min(100%, 540px);
	margin-left: auto;
	margin-right: auto;
}