2016-10-04 2 views
0

Я пытаюсь реализовать приведенный ниже код как навигационную панель на всех устройствах. Однако я не могу этого сделать. Я использую w3-css framework с WordPress.Wordpress nav с w3css frame work

<div class="w3-top w3-navbar"> 
<ul class="w3-navbar w3-blue-grey w3-left-align "> 
    <li><a href="<?php echo home_url(); ?>" class="w3-padding-large w3-large w3-highway-blue"><i class="topnav-icons fa fa-home w3-margin-right"></i><?php bloginfo ('name'); ?></a></li> 

    <?php 

$args = array(

    'theme_location' => 'primary', 
    'container_class' => 'w3-top', 
    'menu_class' => 'w3-navbar', 


); 


?> 

<?php wp_nav_menu($args); ?> 
<li class="w3-hide-small w3-right w3-padding-large">+91 987654321</li> 
</ul> 
</div> 


    <!-- Navbar on small screens --> 
    <div id="navDemo" class="w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:51px"> 
    <ul class="w3-navbar w3-left-align w3-large w3-theme"> 
    <?php wp_nav_menu($args); ?> 
    </ul> 
    </div> 

ответ

0

В настройках темы под Appearance-> меню убедитесь, что расположение меню вы хотите вывести установлено на «первичное», как и у вас есть, что в качестве параметра в вашем $args массиве.

Кроме того, я заметил, что ваш второй экземпляр wp_nav_menu() не содержит массив $args. Если вы хотите, чтобы первое и второе меню навигационного меню были одним и тем же навигационным меню, вам нужно как минимум добавить массив, определяющий одно и то же местоположение в индексе «theme_location» массива.

+0

Я уже установил основное меню в свой файл functions.php. Тем не менее, chalange порой перебирает меню с помощью . И второе меню не активируется на маленьком экране. – shailesh

Смежные вопросы