Avisos
Vaciar todo

[Resuelto] Poner fondo transparente al menú principal (ampliación)

6 Respuestas
2 Usuarios
1 Reactions
26 Visitas
Respuestas: 299
Reputable Member
Topic starter
 

Buenas tardes,

Este tema es relativo al mismo asunto ya cerrado con el título "Poner fondo transparente al menú principal" en el que, para que conseguir que el menú solapara las páginas, debía colocar el siguiente código:

.et_pb_column.et_pb_column_4_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu {

position: absolute;

}

Lo he hecho y funciona correctamente en todas las páginas excepto en las que le aplico header y footer señalado en fichero adjunto. En las páginas que incluyo, como es el caso del Blog, se muestran a partir de donde termina el menú. He estado revisando y supongo que debe ser por un banner que tengo configurado pero no entiendo el motivo. Adjunto capturas de pantalla. Sigo en la web de pruebas.

 

Por favor, ¿podríais decirme cómo arreglarlo? Muchas gracias

Captura
Captura2
Captura3

 

Contenido solo visible a usuarios registrados


 
Respondido : 04/04/2021 12:52 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si el diseño del encabezado no cambia, por qué no usas el encabezado global en lugar de una personalizado?

Ya que entiendo que es el encabezado global el que si funciona, has probado cambiarlo al encabezado global que ya usas en tus otras páginas?

Saludos.


 
Respondido : 04/04/2021 2:29 pm
Respuestas: 299
Reputable Member
Topic starter
 

@jmarreros Sí, el encabezado global funciona correctamente. Uso esa otra personalización para mostrar un banner en ciertas páginas. 

Realmente el módulo de menú es el mismo, por eso no entiendo porqué no funciona 

Gracias


 
Respondido : 04/04/2021 4:04 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Lo mejor sería que des un identificador CSS a la sección que quieres, de esta forma no tienes que estar agregando código, por lo que veo es posible que las clases hayan cambiado.

También la estructura es diferente por lo que posiblemente tengas un comportamiento diferente.

Puedes probar con el siguiente código:

.et_pb_menu_1_tb_header.et_pb_sticky_module:not(.et_pb_sticky--editing){
position: absolute;
}

Saludos.

 


 
Respondido : 04/04/2021 4:48 pm
Respuestas: 299
Reputable Member
Topic starter
 

@jmarreros Muchas gracias Jhon. Entiendo que cuando dices que cree un identificador css a la sección, te refieres a la del banner y que de alguna forma cambien el valor según si la página que se trate quiero o no mostrar el banner pero no tengo conocimientos suficientes para ello. Te agradecería si sabes de algún artículo donde se trate este tema.

En cualquier caso entre tanto, he probado con el código que dices y se resuelve el problema que tenía.

Muchísimas gracias!!


 
Respondido : 04/04/2021 5:39 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

En realidad me refería a un identificador para el header (el que quieres transparente), pero igual si ya lo solucionaste con el código, no sería necesario.

Saludos.


 
Respondido : 04/04/2021 7:21 pm
Gabriel reaccionó