I am working on a responsive design for a site I am building and I currently am having trouble including the menu twice in the header template file. I need the menu displayed inside the content wrapper for large devices and outside the template wrapper on small devices so I intende to use bootstrap classes to show/hide the correct menus. However when I include the menu twice in my template file only the second instance is ever displayed. How can I get the menu to render twice in the same template.
<div class="region region-header"> <div class="hamburger-menu hidden-md hidden-lg"> <span class="hamburger-btn"></span> <?php print render($main_menu); ?> </div> <div class="logo-wrapper"> <?php print render($content); ?> <?php print render($main_menu); ?> </div> </div>