I'm currently working on a project where I want to incorporate a collapsible navbar. The issue I'm facing is that when I resize the window, the navbar collapses but the button, although clickable, does not display or provide me with any options.
I'm not sure if this is a jQuery/JS problem. Since I am a beginner, I simply linked some libraries in the codepen settings. I've looked into similar problems that others have encountered, but none of the solutions seem to work for me.
You can find the codepen link here: https://codepen.io/diegomengue/pen/XgRamN.
Any assistance on this matter (as well as any tips) would be greatly appreciated!
Thank you.
Here is the HTML code:
<nav class='navbar navbar-toggleable-sm mx-auto sticky-top'>
<button class="navbar-toggler collapsed mx-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class='navbar-nav mx-auto'>
<li class='nav-item'><a href='#sobreMim' class='nav-link'><strong>Diego Mengue</strong></a></li>
<li class='nav-item'><a href='#portfolio' class='nav-link'>Portfólio</a></li>
<li class='nav-item'><a href='#contato' class='nav-link'>Contato</a></li>
</ul>
</div>
</nav>