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

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

↓

Пример вы можете увидеть на этой странице, прокрутив ее вниз больше 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;
}