Tema: Problema con menu
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/03/2018, 09:31
sergiodueso
 
Fecha de Ingreso: enero-2011
Ubicación: Zaragoza
Mensajes: 98
Antigüedad: 13 años, 3 meses
Puntos: 1
Problema con menu
Buenas tardes, tengo este menú;

Código HTML: 
Ver original
  1. <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
  2.   <a data-scroll class="navbar-brand" href="#inicio">
  3.   <img src="imagenes/logo.png" width="30px" height="30px" class="d-inline-block align-top" alt="Turibamba Ocio"/>Turibamba</a>
  4.   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  5.     <span class="navbar-toggler-icon"></span>
  6.   </button>
  7.  
  8.   <div class="collapse navbar-collapse" id="navbarSupportedContent" style="overflow : auto;">
  9.     <ul class="navbar-nav mr-auto text-center" style="font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial,' sans-serif';">
  10.       <li class="nav-item active">
  11.         <a data-scroll class="nav-link" href="#inicio">Inicio</span></a>
  12.       </li>
  13.       <li class="nav-item">
  14.         <a data-scroll class="nav-link" href="#cumpleaños">Cumpleaños</a>
  15.       </li>
  16.       <li class="nav-item">
  17.         <a data-scroll class="nav-link" href="#animaciones">Animaciones</a>
  18.       </li>
  19.        <li class="nav-item">
  20.         <a data-scroll class="nav-link" href="#despedidas">Despedidas</a>
  21.       </li>
  22.        <li class="nav-item">
  23.         <a data-scroll class="nav-link" href="#nosotras">Nosotras</a>
  24.       </li>
  25.        <li class="nav-item">
  26.         <a data-scroll class="nav-link" href="#galeria">Galería</a>
  27.       </li>
  28.       <li class="nav-item">
  29.         <a data-scroll class="nav-link" href="#tarifas">Tarifas</a>
  30.       </li>
  31.       <li class="nav-item">
  32.         <a data-scroll class="nav-link" href="#picoteo">Picoteo</a>
  33.       </li>
  34.        <li class="nav-item">
  35.         <a data-scroll class="nav-link" href="#contacto">Contacto</a>
  36.       </li>
  37.     </ul>
  38.   </div>
  39. </nav>

Funciona perfecto, pero al ponerlo en el móvil con la pantalla apaisada, el menú no se ve entero. Le he puesto overflow: auto, pero nada. Además parece que se ve la barra de desplazamiento pero no hace nada. Gracias.