與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導航工作

回答

相關問題