基础6各种尺寸的移动导航

Question

我正在开展一个项目，我想对所有屏幕尺寸使用移动导航切换。它到目前为止工作但不在xxlarge屏幕中。当我删除title-bar div中的data-hide-for =＆＃34; xxlarge时，导航会完全消失。 任何人都可以给我一个提示如何解决这个问题？ 谢谢！

以下是此网站的标题部分：

<header>
        <div class="row">
          <div class="large-12 columns">
            <div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="xxlarge" >
              <div class="title-bar-left" >
                <div class="logoklein show-for-small-only"><a href="#"><img alt="" src="fileadmin/templates/img/logo_klein.png"> </a></div>
                <div class="logomittel show-for-medium-only"><a href="#"><img alt="" src="fileadmin/templates/img/logo_mittel.png"></a></div>
                <div class="logogross show-for-large"><a href="#"><img alt="" src="fileadmin/templates/img/logo_gross.png"></a></div>
              </div>
              <div class="title-bar-right" >
                <button class="menu-button-small show-for-small-only align-right" type="button" data-toggle><img alt="Menue öffnen" src="fileadmin/templates/img/menue_klein.png"></a></button>
                <button class="menu-button-medium show-for-medium-only align-right" type="button" data-toggle><img alt="Menue öffnen" src="fileadmin/templates/img/menue_mittel.png"></a></button>
                <button class="menu-button-large show-for-large align-right" type="button" data-toggle><img alt="Menue öffnen" src="fileadmin/templates/img/menue_gross.png"></a></button>
              </div>

              <div  id="main-menu">
                <f:cObject typoscriptObjectPath="lib.menu">
                <!--Navigation gets inserted here by CMS-->
              </f:cObject>
            </div>  <!-- Ende Titlebar-->
          </div><!-- large -12 columns-->
        </div><!-- row-->
        </header>