0

Crée un menu con position fixed pero cuando le doy al scroll para bajar y ver mi página, el menu se baja con mi scroll y me deja un margen-top ¿cómo puedo resolverlo? Ayuda, aquí esta mi código

@media screen and (max-width:800px){ header nav {position: fixed;width: 70%;     height: 100%;margin: 0;left: -100%;z-index: 99;}

    header nav ul li {
        display: block;
        float: none;
        border-bottom:1px solid rgba(255,255,255,.3);
        z-index: 99
    }
    header nav ul li:hover{
        color:red;
    }

    .menu_bar{
        display:block;
        width: 100%;
        background: #ccc;
        z-index: 99

    }
    .menu_bar .bt-menu{
        display: block;
        padding: 20px;
        background: #bc2045;
        color: white;
        text-decoration: none;
        font-weight: bold;
        font-size: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 99;
    }


}
3
  • Hola, bienvenido al sitio. ¿Podrías añadir el HTML que estás utilizando para poder reproducir el error que comentas? Si editar la pregunta puedes, mediante Cntrl+M insertar código para realizar un ejemplo reproducible. Muchas gracias :) el 9 nov. 2019 a las 17:37
  • hola que tal.. es que mi codigo html es muy largo y el css tambien por eso coloque solo ese fregmento el 9 nov. 2019 a las 18:03
  • Intenta minimizar lo máximo posible tu HTML y tu CSS para que solamente se vea la parte de código afectada por tu error. Ahora mismo, es imposible ayudarte ya que podría haber n soluciones posibles (al no tener un ejemplo claro de lo que te pasa). el 9 nov. 2019 a las 18:07

1 respuesta 1

1

Si el problema es el margen que te queda en la parte superior deberías añadir un top: 0px; en el selector header nav

3
  • ya lo coloque lo que me dices y no me funciona el 12 nov. 2019 a las 21:53
  • El top: 0px; en aplicado a un contenedor fijo (position: fixed) no falla. Quizás sea porque está dentro de un @query y solo se aplica cuando la pantalla es menor a 800px. ¿Hay alguna forma de que pongas más código para poder ver el error?
    – Dani
    el 13 nov. 2019 a las 11:32
  • dejame ver como optimizo el codigo para subirlo el 14 nov. 2019 a las 18:33

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.