I have a dynamic menu on my site, which is brought through categories previously registered in the database. Within each category, you have a list of subcategories.
When I click on a subcategory, it would have to bring me the related stores that subcategory. Until then it is working perfectly, the problem occurs when I decrease the size of the screen, and it generates this menu on the side, that hidden menu, which you click and it expands. When it is this way, it simply stops working, however just go back to the normal size screen, that the menu returns to normal operation. It just does not work when it's on some small screen.
You can check live on www.portalbid.com.br (select a category on the home page that will appear the menu)
follow the code:
<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>
Can anyone give me a hand? I'm using JSF 2.2.13 and Primefaces 6.0