Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

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

 
Gabriel
 Gabriel
Reputable Member

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

Citar
Respondido : 04/04/2021 1:52 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 04/04/2021 3:29 pm

Gabriel
 Gabriel
Reputable Member

@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

ResponderCitar
Respondido : 04/04/2021 5:04 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

 

ResponderCitar
Respondido : 04/04/2021 5:48 pm

Gabriel
 Gabriel
Reputable Member

@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!!

ResponderCitar
Respondido : 04/04/2021 6:39 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 04/04/2021 8:21 pm
Gabriel me gusta