wordpress中的水平縮放菜單

Question

在許多WordPress模板菜單中沒有擴展到它所在元素的整個寬度。 可擴展試圖使菜單適合它所在的div的寬度。

View my problem

我的header.php

<div class="navigation-menu"> 
    <div id="navbar" class="header-bottom navbar default"> 
         <nav id="site-navigation" class="navigation main-navigation" role="navigation">         
          <h3 class="menu-toggle"><?php _e('Menu', 'templatemela'); ?></h3> 
          <a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e('Skip to content', 'templatemela'); ?>"><?php _e('Skip to content', 'templatemela'); ?></a> 
          <div class="mega-menu"> 
           <?php wp_nav_menu(array('theme_location' => 'primary','menu_class' => 'mega')); ?> 

          </div> 

         </nav><!-- #site-navigation --> 
    </div> 

Answer 1

爲了更好地張貼你的問題，你需要wp_nav_menu生成的HTML。您可以通過在Chrome中打開您的頁面來獲得它，右鍵單擊您的菜單並選擇「檢查元素」。然後你將能夠複製你想要的樣式的html。沒有它，我們會猜測。

這裏有一個猜測：

.mega-menu ul { display:table; width:100%; table-layout: fixed; } 
.mega-menu ul > li { display:table-cell; width:100%; } 

這是您的轉換UL菜單，顯示一個類似的表。並希望使這些項目的寬度相同，如此線程所示：CSS table-cell equal width。