Я хочу иметь разделенное меню с логотипом посередине для моего заголовка. Я создал два меню, используя инструмент меню в Wordpress, но когда я выбираю «Верхнее меню (слева), чтобы расположить это меню слева, меню вообще не появляется.
То же самое со вторым меню и опцией «Top Menu (Right)». Они просто не появляются.
Если я выберу «Основное меню», оно появится, но справа от логотипа.
Мой код header.php такой:
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<?php lsx_head_top(); ?>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php lsx_head_bottom(); ?>
<?php wp_head(); ?>
<style>
.home-middle-block{
border-left: 1px solid!important;
border-right: 1px solid!important;
}
.home-middle-block:before, .home-middle-block:after{
border-bottom: 1px solid!important;
}
</style>
</head>
<body <?php body_class( 'lsx' ); ?>>
<?php lsx_body_top(); ?>
<div class="header-wrap">
<?php //lsx_header_before(); ?>
<header id="masthead" class="<?php lsx_header_classes(); ?>" role="banner">
<?php lsx_header_top(); ?>
<div class="row custom-header desktop-only">
<div class="col-lg-5 right-menu" style="border-bottom: 1px solid;">
<?php //lsx_nav_menu_two(); ?>
</div>
<div class="col-lg-2 navbar-logo">
<?php lsx_nav_before(); ?>
</div>
<div class="col-lg-5 left-menu" style="border-bottom: 1px solid; overflow: hidden;">
<?php lsx_nav_menu(); ?>
</div>
<?php lsx_nav_after(); ?>
<?php lsx_header_bottom(); ?>
</div>
<div class="row custom-header mobile-tab-only">
<?php lsx_nav_before(); ?>
<?php
if(has_nav_menu('mobile-menu')):
?>
<nav class="primary-navbar collapse navbar-collapse">
<?php
wp_nav_menu( array(
'theme_location' => 'mobile-menu',
'depth' => 3,
'container' => false,
'menu_class' => 'nav navbar-nav',
'walker' => new LSX_Bootstrap_Navwalker(),
) );
?>
</nav>
<?php
endif;
?>
<?php lsx_nav_after(); ?>
<?php lsx_header_bottom(); ?>
</div>
</header>
<?php lsx_header_after(); ?>
</div>
<div class="wrap container" role="document" tabindex="-1">
<div class="content role row">
Может ли кто-нибудь помочь разобраться, почему эти меню не отображаются в нужном месте? Мое мобильное меню также не будет отображаться на мобильном устройстве.
Спасибо!