Error with links that don't do anything

[sexytive]

Hi all,

 

This is the first time I open a new topic for a problem related to web development, normally any problem that I can find I just solved looking for other thread of the forum, but this time I have not found anything and this is why I turn to you.

 

My webpage is:

https://www.sexytive.com

 

Let's see if I explain myself, I started to create a menu for small screen resolutions (max-width: 767px). In the menu that is displayed on the left side there are links to the categories (which work perfectly), and below them I have links to specific pages such as Frequently Asked Questions, how to buy, contact us, etc. The problem comes here, when clicking on these links the page does not respond, I mean it does not do anything, it simply stays the link in .active but does not open any of the pages. I have checked 50 times if the href are well written and yes they are. If I right click on them and open them in a new tab or window then it opens them correctly, but not left clicking.

Thanks in advance for the help you can give me.

 

Html code of the links:

<div class="extra-links">
              <ul>
                <li>
                    <a href="https://www.sexytive.com/content/4-como-comprar">Cómo comprar</a>
                </li>
                <li>
                    <a href="https://www.sexytive.com/content/1-politica-de-devoluciones">Devoluciones</a>
                </li>
                <li>
                    <a href="https://www.sexytive.com/content/7-preguntas-frecuentes">Preguntas frecuentes</a>
                </li>
                <li>
                    <a href="https://www.sexytive.com/contacte-con-nosotros">Contacte con nosotros</a>
                </li>
              </ul>
              <div class="call-now">
                  <a href="tel: 686144228">
                     <span class="tel-number">686 144 228</span>
                  </a>
                  <p class="tel-hours">Lun-Vie 10-13h, 15-18h</p>
                  <i class="icon-whatsapp" id="call-us"></i>
              </div>
            </div>

CSS code of the divs and links:

.extra-links a:hover {
   color:#505050;
}
.call-now {
   padding-left:15px;
   text-align:left;
}
.call-now a {
   padding-left:0px;
   padding-top:24px;
   display:inline-block;
   float:left;
}
.tel-number {
   color:#9a9a9a;
   font-size:17px;
   font-weight:bold;
}
.tel-hours {
   clear:both;
   float:left;
   color:#9a9a9a;
   font-size:13px;
   font-weight:bold;
}
#call-us {
   display:block;
   position:relative;
   bottom:37px;
   right:37px;
   color:#9a9a9a;
   margin-top:0;
   margin-left:0;
}

Attached image of the page with the menu displayed where you can see the links:

[sexytive]

Can someone help me please?

 

I can't solve this