Oi pessoal, tudo bem? seguinte, estou desenvolvendo um sistema web e não manjo nada (absolutamente nd) de html, entao peguei um template free na web (https://html5up.net/verti) e estou trabalhando em cima dele. Porém preciso de uma ajuda na parte de front end hehe.
Seguinte. Tenho um menu na barra superior
<div id="header-wrapper">
<header id="header" class="container">
<!-- Logo -->
<div id="logo">
<h1><a href="index.html">Teste</a></h1>
<span>PORTAL BID</span>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Bem Vindo</a></li>
<li>
<a href="#">Categorias</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li>
<a href="#">Alimentação</a>
<ul>
<li><a href="#">Pizzarias</a></li>
<li><a href="#">Bares</a></li>
<li><a href="#">Icone na casa do caralho</a></li>
<li><a href="#">Etc</a></li>
</ul>
</li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li class="current"><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</header>
</div>E quando vou testar a responsividade e diminuo o tamanho da tela, esse menu ele fica responsivo, abrindo um menu na lateral (conforme imagens: http://prntscr.com/bxd8lv e http://prntscr.com/bxd8ur) O que eu preciso, é que o menu da lateral também entre nesse menuzinho novo que abre na hora de diminuir o tamanho da tela (http://prntscr.com/bxd9eo) e não no corpo da página como está ficando. Alguem tem alguma ideia de como posso fazer isso? PS: o menu superior não precisa aparecer
