Duplicate Navigation with the Zurb Foundation

Question

I am using Zurb Foundation 5 on the company's new website, which I find under construction.

I use the Off Canvas menu for smaller screens / touch screens, and I also want to have a more “traditional” menu for large screens - the type in which you will hang over the main parameter and get a pop-up window with a lot of menus.

I have a menu defined in tags olwith submenus in nested ol.

It all works ... But my question is, do I have to duplicate the markup.

I have a structure defined as follows:

<nav>
    <aside class="left-off-canvas-menu">
        <!-- Full menu markup here -->
    </aside>
    <a class="exit-off-canvas"></a>
</nav>

<nav id="mainNav" class="row show-for-large-up">
    <!-- Full menu markup also here -->
</nav>

I have the following problems

• It is bad for SEO to provide links twice. This is just a concern, I do not know if this is really a problem.
• - , . .
• . ASP.NET MVC, , ; , - .

? ?

Answer 1

<nav class="left-off-canvas-menu hide-for-medium-up">
    <aside >
        <!-- Full menu markup here -->
    </aside>
    <a class="exit-off-canvas"></a>
</nav>

<nav id="mainNav" class="row show-for-large-up">
    <!-- Full menu markup also here -->
</nav>

 class= "-- --" , ,