Avisos
Vaciar todo
Soporte Divi en español - WPFácil
18
Respuestas
4
Usuarios
0
Reactions
45
Visitas
Topic starter
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?
Gracias
Contenido solo visible a usuarios registrados
Respondido : 08/03/2022 10:37 am
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:
Un saludo
Respondido : 08/03/2022 10:53 am
Topic starter
En versión tablet como ves queda tapada la imagen por el encabezado.
En pc y en móvil se ve bien
Respondido : 08/03/2022 11:48 am
Topic starter
Perdona la imagen que te adjuntado de pc no era la correcta, ahora si.
Respondido : 08/03/2022 11:49 am
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
Topic starter
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.
Gracias
Respondido : 08/03/2022 12:38 pm
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
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
Hola Nuria.
Veo que esta funcionado:
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
Hola Nuria.
Revisado en una tablet no en el insecto, en tablet lo veo así:
Un saludo
Respondido : 08/03/2022 2:08 pm
Topic starter
@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.
Respondido : 08/03/2022 4:19 pm
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
Topic starter
Respondido : 08/03/2022 4:50 pm
Página 1 / 2
Siguiente
