Как добавить поиск в меню под шапку сайта?
Чтобы вывести поиск в шапке сайта, перейдите в Внешний вид > Настроить > Блоки > Шапка и в поле “Поиск” блока “Порядок” поставьте галочку.
Чтобы добавить поиск в меню под шапкой на десктопе, установите и активируйте дочернюю тему отсюда https://support.wpshop.ru/docs/general/child-themes/.
В дочерней теме reboot_child создайте папку template-parts, а в ней папку navigation. Из родительской темы Reboot в эту папку скопируйте файл header.php.
Откройте файл /template-parts/navigation/header.php в дочерней теме и перед строкой
</nav><!-- #site-navigation -->
добавьте код
<?php get_search_form() ?>
Затем в файл style.css дочерней темы добавьте код
/* Добавить поиск в меню под шапкой */
.main-navigation .search-form {
width: 200px;
float: right;
margin: -50px 60px 0 0;
}
@media (max-width: 991px) {
.main-navigation .search-form {
display: inline-block;
width: 100%;
float: none;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 10px;
}
}
Ширину поиска 200px
можно изменить на другую.
Вам помог ответ?