Hello everyone!

Im just finishing my first MDB page but I found an error in nav that I cant find solution. In computer the page run completely OK but when I run the page in movile devices the responsive nav doesnt work correctely. The toogler button doesnt create his space for the menu, and goes away from his div.

Note: The body is in position: relative; because I´m using scrollspy in the page.

This is the code for my nav:

<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark" role="navigation">
    <div class="container">
    <a class="navbar-brand" href="#"><img src="img/logo.png" class="logo img-fluid wow fadeInLeft" alt=""></a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-3" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">
          <span class="sr-only">Mostrar Navegación</span>
          <span class="navbar-toggler-icon"></span>
  </button>

I think the error is in this part of the code. I tried to put the container div in position: absolute, but still get over of his next section:

http://subirimagen.me/uploads/20190207115820.jpg

You also can see the page in: http://www.atmngo.com/joyeriaricardo/

I appreciate all kinds of solutions and suggestions.

Thanks, Álvaro