Avisos
Vaciar todo
Buenas tardes,
Tengo el menu fijo aquí. Baja cuando haces scroll. He puesto un módulo en una posición superior (TOP) encima, para que baje un poco. Pero cuando hago el scroll el menú se queda fijo, y se ve por la parte de arriba el contenido (adjunto captura).
¿Cómo puedo hacer para tapar eso con blanco? y que al hacer scroll no se vea nada por ese "hueco" o Agrandar la caja blanca del menú por arriba o poner algo sólido en el modulo .. lo que quiero es que quede blanco... al hacer scroll también y no se vea (sin variar la posición de mi menú).
Gracias de antemano,
Contenido solo visible a usuarios registrados
Respondido : 05/03/2021 2:27 pm
Hola David,
Puedes buscar directamente en el css si tienes algún código para esta sección:
#rt-header
Y agregar al final del mismo esto:
#rt-header {
height: 71px !important;
position: fixed !important;
background: #fff;
top: 0px !important;
}
O simplemente agregas nuevamente el mismo código y le agregas el important a este espacio que dice top 0px, de esta forma se unirá a lo que es la parte superior de la web y eliminará el espacio transparente.
Un saludo 🖐️
Respondido : 05/03/2021 3:09 pm
Hola David.
Prueba con los siguiente:
#rt-header .rt-container {
margin-bottom: -1em;
}
#rt-content-top {
overflow: hidden;
margin-top: 20px;
}
Piensa que las modificaciones que realices pueden afectar tambien a otros bloques de la web.
Un saludo
Respondido : 05/03/2021 3:11 pm
Buenos días,
Recibí dos e-mails con dos respuestas. Aunque una ya no la veo por aquí. En uno de los casos (la que ya no está), funcionaba, pero marcaba una sombra negra fuerte en el menú. No me sirve.
En el caso del código del último mensaje, no noto efecto. Sigo viéndolo. Despues de limpiar caché e historial del navegador. No percibo cambios, no funciona.
Un saludo
Respondido : 06/03/2021 8:20 am
Hola David,
Debes colocar el primer código y una vez hecho esto podrías comentarnos para validar, como no esta ingresado supongo que te referiras al contenido que no se sube junto con el menú, prueba agregar todo este en conjunto:
#rt-header {
height: 71px !important;
position: fixed !important;
background: #fff;
top: 0px !important;
}
#rt-drawer {
padding-top: 10px !important;
}
Un saludo 🖐️
Respondido : 06/03/2021 1:02 pm
Hola Argenis,
Tú código, este último que has puesto, si funciona. Pero básicamente lo que hace es subir el menú hasta arriba.. Al no quedar hueco no se ve nada al hacer el scroll, porque no hay hueco. Pero yo no quiero desplazar el menú y logo arriba. Lo que quiero es que se quede dónde esta, pero que no se vea el scroll en ese hueco (como ponía en la captura al inicio).
Tú código desplaza todo para arriba y lo tapa. Debería quedarse donde está y que se tape con blanco ese hueco para que no se vea el scroll. Adjunto la captura de nuevo.
Los codigos anteriores de este post, no funcionan.
Esta publicación ha sido modificada el hace 4 años por David
Respondido : 06/03/2021 7:50 pm
Hola David,
Entonces lo que necesitas es que se agregue un parche blanco arriba del logo? verifica con este código:
#rt-header {
height: 71px !important;
position: fixed !important;
background: #fff;
top: 0px !important;
padding-top: 30px !important;
}
Un saludo 🖐️
Respondido : 06/03/2021 8:20 pm
Ahora si. Resuelto. Mil gracias.
Respondido : 06/03/2021 11:01 pm
Hola David,
Excelente, me alegra que pudieras resolverlo.
Cualquier otra duda o problema que tengas no tardes en consultarnos en el foro.
Saludos
Respondido : 06/03/2021 11:18 pm
