Avisos
Vaciar todo

[Resuelto] Menu fijo tapar espacio transparante  

 
David
 David
Noble Member

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,

Menu fijo

 

Contenido solo visible a usuarios registrados

Respondido : 05/03/2021 2:27 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

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
David
 David
Noble Member

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

Cursos Gratuitos WordPress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

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
David
 David
Noble Member

 

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.

17114 Menu fijo

Los codigos anteriores de este post, no funcionan.

Esta publicación ha sido modificada el hace 1 mes por David
Respondido : 06/03/2021 7:50 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

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
David
 David
Noble Member

Ahora si. Resuelto. Mil gracias.

Respondido : 06/03/2021 11:01 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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