Menu Responsive Problem

[hyyan]

Imagin I want to build a normal navbar like this one :

 {% embed '@MopaBootstrap/Navbar/navbar.html.twig'   with {staticTop: false, inverse: true }%}
         {% block brand %}
                <a class="navbar-brand" href="#">Brand</a>
         {% endblock %}

         {% block menu %}
               {{ mopa_bootstrap_menu('UserBundle:MainBuilder:build',{'automenu': 'navbar'}) }}
           {% endblock %}
 {% endembed %}

Now When I try to render a another menu in the same way using the embed method
in the same template like this :

 {% embed '@MopaBootstrap/Navbar/navbar.html.twig'   with {staticTop: false, inverse: true }%}
         {% block brand %}
                <a class="navbar-brand" href="#">Brand</a>
         {% endblock %}

         {% block menu %}
               {{ mopa_bootstrap_menu('UserBundle:MainBuilder2:build',{'automenu': 'navbar'}) }}
           {% endblock %}
 {% endembed %}

a problem will arise with the menu toggle button on responsive mode because the toggole button of both menus will have the same attribute data-target=="something"

I guess we should add new option so we can use it like this :

 {% embed '@MopaBootstrap/Navbar/navbar.html.twig'   with { inverse: true,data-target: "my choise" }%}
.....

[isometriks]

If you really need more than one nav bar on a page which I don't think is a common use case, you can just copy the contents of that template and just add it yourself. Or create your own template and then embed that.