Avisos
Vaciar todo

[Resuelto] el encabezado tapa la entrada del blog  

Página 1 / 2
 
Nuria
 Nuria
Estimable Member

Buenas,

En el mes de Diciembre pedí vuestra ayuda sobre la pagina de mi blog, sobre el encabezado de Divi que tapaba las entradas del blog.

Me disteis un código CSS y quedó solucionado, pero en versión Tablet sigue mal y no se ve la entrada.

Adjunto copia del mensaje de Pepe en su momento.

Me podéis dar el código CSS para Tablet?

 

image

Gracias

Contenido solo visible a usuarios registrados

Respondido : 08/03/2022 10:37 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nuria.

Por favor adjunta una captura para que podamos ver a que te refieres.

El código que muestras en la entrada pro lo que veo es paar el sidebar y no me queda claro si lo que cubre es el titulo de la entrada o el problema lo tienes en el Sidebar.

Esto es lo que veo en version tablet:

Archivo 000

 

Un saludo

Respondido : 08/03/2022 10:53 am
Nuria
 Nuria
Estimable Member
image

En versión tablet como ves queda tapada la imagen por el encabezado.

image

En pc y en móvil se ve bien

Respondido : 08/03/2022 11:48 am
Nuria
 Nuria
Estimable Member
image

Perdona la imagen que te adjuntado de pc no era la correcta, ahora si.

Respondido : 08/03/2022 11:49 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nuria.

ok, prueba con esto:

@media (max-width: 770px) {
.et_pb_post .entry-featured-image-url {
margin-top:5em;
}
}

Un saludo

Respondido : 08/03/2022 12:27 pm
Nuria
 Nuria
Estimable Member

@pepesoler

No me funciona, Por favor si puedes. Puedes decirme si lo que tengo en css es correcto? Adjunto 2 imágenes una para que veas que no está arreglado y otra con los Códigos CSS insertados también con el ultimo que me has dicho.

A lo mejor está impidiendo que se arregle.

 

image
image

Gracias

Respondido : 08/03/2022 12:38 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nuria.

Si estan bien.

Añade al código que te indique la etiqueta important:

@media (max-width: 770px) {
.et_pb_post .entry-featured-image-url {
margin-top:5em!important;
}
}

 

Un saludo

Respondido : 08/03/2022 12:59 pm
Nuria
 Nuria
Estimable Member

@pepesoler Sigo igual.

Adjunto copia pantalla

image
image
Respondido : 08/03/2022 1:32 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Nuria, 

Verifica si añadiendo el siguiente código CSS se muestra de forma correcta

@media only screen and (min-width: 768px) {
.et_pb_post .entry-featured-image-url {
margin-top: 5em!important;
}
}

Un Saludo 

Respondido : 08/03/2022 2:00 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nuria.

Veo que esta funcionado:

screenshot nimbusweb.me 2022.03.08 15 00 07

De todas formas tienes que probarlo en una tablet, el inspector puede dar fallos y no mostra lo mismo que en la tablet.

Tambien puedes modificar los pixeles del media para que actué en resoluciones más grandes.

@media (max-width: 800px) 

 

Un saludo

Respondido : 08/03/2022 2:03 pm
Nuria
 Nuria
Estimable Member

@karen Sigue igual de mal

Respondido : 08/03/2022 2:04 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Nuria.

Revisado en una tablet no en el insecto, en tablet lo veo así:

Archivo 000 (1)

 

Un saludo

Respondido : 08/03/2022 2:08 pm
Nuria
 Nuria
Estimable Member

@pepesoler Lo he probado en tablet, y le he cambiado los px a 900. y sigue exactamente igual. Adjunto fotografia desde mi movil hacia mi tablet. He borrado tambien historial de navegación.

20220308 171750
image

 

Respondido : 08/03/2022 4:19 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Nuria,

Verifica agregar al final del todo en tus css que te hemos compartido esto:

@media only screen and (min-width: 768px) {
.et_post_meta_wrapper {
margin-top: 5em !important;
}}

Una vez lo agregues verífica como lo ves, pero primero vacías la cache de tu sitio en wp super cache.

Un saludo 🖐️ 

Respondido : 08/03/2022 4:35 pm
Nuria
 Nuria
Estimable Member

@argenis Muchas gracias, ya está.

Dejo todo los codigos Css anteriores?

Adjunto captura

image
Respondido : 08/03/2022 4:50 pm
Página 1 / 2