与w3css框架的Wordpress导航工作

我想实现下面的代码作为所有设备上的导航栏。但是，我无法这样做。我正在使用WordPress的w3-css框架。与w3css框架的Wordpress导航工作

<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>

来源

2016-10-04 shailesh

在根据Appearance->菜单的主题设置确保该菜单的要输出的位置被设置为“主”，因为你有一个在你的$args阵列的设置。

此外，我注意到您的第二个wp_nav_menu()实例不包含$args数组。如果您希望第一个和第二个导航菜单输出成为相同的导航菜单，那么您至少需要添加一个数组，指定该数组的“theme_location”索引中的相同位置。

来源

2016-10-05 01:47:19

我已经在我的functions.php文件中将菜单设置为primary。然而，有时候菜单会被<？php bloginfo（'name'）覆盖。？>。第二个菜单在小屏幕上没有激活。 – shailesh

与w3css框架的Wordpress导航工作

回答

相关问题