wordpress中的水平缩放菜单

-1

在许多WordPress模板菜单中没有扩展到它所在元素的整个宽度。可扩展试图使菜单适合它所在的div的宽度。wordpress中的水平缩放菜单

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

来源

2015-11-01 user3096111

与此类似的东西：http://getbootstrap.com/components/#btn-groups-justified？ – segFault

为了更好地张贴你的问题，你需要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。

来源

2015-11-01 23:27:15

wordpress中的水平缩放菜单

回答

相关问题