Zurb Foundation data-topbar 阻止 DIV 完成

Question

这是我的导航代码 [在 WordPress 网站中]。

<div class="sticky">
  <nav class="top-bar" role="navigation" data-topbar>
    <div class="top_bar_inner">

      <a class="logo" href="<?php echo home_url(''); ?>"><?php bloginfo('name'); ?></a>
      <?php
        $args = array(
          'theme_location' => 'nav_main',
          'container_class' => 'top-bar-section',
          'container_id' => 'nav_main',
          'menu_class' => 'right',
          'depth' => 1
        );
        wp_nav_menu($args);
      ?>

    </div>
  </nav>
</div>

现在的问题是由于data-topbar 属性top_bar_inner DIV 类没有包装由 php 代码生成的徽标和结果菜单项。它只包裹了标志<a>标签。

我也尝试过data-topbar="topbar"，但没有任何变化。请帮忙。

Answer 1

不确定您要完成什么。如果您想在所有屏幕尺寸上显示内容并且不折叠到移动菜单中，您可以通过在标题区域将其添加为 <li> 来做到这一点

  <ul class="title-area">
    <li class="name"><!-- Leave this empty --></li>
    ...
  </ul>