Hello,

i use the t3 Framework with the purity III template and customized a second navbar at the bottom of my page. On Mobile-Devices, the collapse navigation for small screens is enabled so when i visit the site on my mobilephone, i get the button 'navbar-toggle' twice.

But when i click on this button either on top or at the bottom of the page, both Menus appear and overlay each other. Can you please help me, where i have to change the class or id to activate on my top-button only the top-menu and on the footer-button only the footer-menu?

This is my Code for the Footer - Block

[...]



<!-- FOOTER NAVIGATION -->

<footer id="t3-footernav" class="wrap navbar navbar-default navbar-fixed-bottom t3-mainnav">

	<div class="container">



		<!-- NAVBAR FOOTER -->

		<div class="navbar-footer">

			<?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>

				<?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>

				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-footermenu">

					<i class="fa fa-bars"></i>

				</button>

			<?php endif ?>	

		</div>

		<!-- //NAVBAR FOOTER -->



		<!-- NAVBAR MAIN -->

		<?php if ($this->getParam('navigation_collapse_enable')) : ?>

			<nav class="t3-navbar-footermenu t3-navbar-collapse navbar-collapse collapse"></nav>

		<?php endif ?>



		<nav class="t3-navbar navbar-collapse collapse">

			<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="footermenu" menutype="footermenu" />

		</nav>

    <!-- //NAVBAR MAIN -->



	</div>

</footer>

<!-- //MAIN NAVIGATION -->

Edit:

Sorry, when i click on the Footermenu-Button, only the Footer-Menu is shown. When i don't close this Menu and click on the Mainmenu-Button, my Footer Menu disappear and the Mainmenu is shown but when i click only the Mainmenu-Button, both Menus were shown