Avisos
Vaciar todo

[Resuelto] Vista móvil

5 Respuestas
2 Usuarios
0 Reactions
12 Visitas
Respuestas: 48
Eminent Member
Topic starter
 

Buenas tardes, 

Al modificar el ancho de blog, creo que he tocado algo y ahora no es responsive.

site-sidebar {
width: 200px;
float: left;
margin: 0 0 0 -222px;
}

.site-content {
margin: 0 250px 0 0;
}

 

 

Adjunto la foto para que puedan verlo, el titulo no ocupa el ancho de la pantalla del móvil como antes. 
¿cómo puedo solucionarlo?

Gracias. 

Contenido solo visible a usuarios registrados


 
Respondido : 25/06/2021 2:35 pm
Bruno
Respuestas: 6478
Illustrious Member Moderator
 

Hola Patricia,

Al parecer tu ajuste se aplica en todas las resoluciones, lo que debemos hacer es ajustar la vista en moviles, añade el siguiente CSS

@media(max-width:758px){
.site-content {
margin: 0 auto;
}}

Nos comentas que tal te va, Saludos!


 
Respondido : 25/06/2021 3:16 pm
Respuestas: 48
Eminent Member
Topic starter
 

@bruno-vichetti

Hola Bruno,

Muchas gracias por tu rápida respuesta. 
Con este CSS también funcionará con tablets?

Gracias.

un saludo 

 


 
Respondido : 25/06/2021 4:53 pm
Bruno
Respuestas: 6478
Illustrious Member Moderator
 

Que tal Patricia,

Asi es, la resolución que se esta considerando es desde 758px la cual es cuando sucede el breakpoint en tu sitio, lo que significa que los elementos se ajustan dependiendo de la proporción de la pantalla.

Saludos!


 
Respondido : 25/06/2021 5:11 pm
Respuestas: 48
Eminent Member
Topic starter
 

@bruno-vichetti

Hola Bruno!!

 

Funcionó, muchas gracias por tu ayuda!!! 🙂

Un abrazo!


 
Respondido : 27/06/2021 4:22 pm