ダイナミックメニューはうまく動作しますが、応答があった場合は動作を停止します

Question

ウェブサイト上に動的メニューが表示されています。各オプションの中には、サブオプションのリストがあります。

サブオプションをクリックすると、そのサブオプションのストアがデータベースから取得されます。これまでは完全に動作していますが、画面サイズを小さくすると問題が発生し、サイドメニュー、つまり隠しメニューが生成されます。そのメニューをクリックすると展開されます。このようにして、動作を停止するだけですが、画面サイズを戻すと、メニューが再び動作し始めます。それは小さな画面上にあるときだけ動作しません。

あなたはコードフォロー（メインページ上のオプションを選択するとメニューが表示されます）www.portalbid.comでオンライン

それを確認することができます。

<nav id="nav"> 
       <ul id="menuvert"> 

        <ui:repeat value="#{categoriaBean.todasCategorias}" var="categoria" varStatus="status"> 
         <li> 
          <p:commandLink> 
           <h:outputText value="#{categoria.titulo}"/> 
          </p:commandLink> 

          <ul> 

           <ui:repeat value="#{categoria.subCategorias}" var="sub"> 

            <li> 
             <p:commandLink styleClass="featured" 
                 action="#{lojistaBean.redirSubLojas}"> 
              <f:setPropertyActionListener value="#{sub}" 
                     target="#{lojistaBean.subCategoriaSelecionada}"/> 
              <h:outputText value="#{sub.descricao}"/> 
             </p:commandLink> 
            </li> 

           </ui:repeat> 
          </ul> 

         </li> 


        </ui:repeat> 

       </ul> 

      </nav> 

を私はJSF 2.2.13を使用していますし、 PrimeFaces 6.0 誰でも私を助けることができますか？私はあなたがメディアクエリこれに

@media screen and (max-width: 980px) { 

と原因を使用しているあなたのprodutos.cssで見る

Answer 1

、あなたのメニューは、サイドバーで、ブートストラップのような縮めメニューに収縮しています。

max-widthを小さく変更した場合、 180を押すと、メニューは元の状態に戻ります。