aplicar el tamaño a...
 
Avisos
Vaciar todo

aplicar el tamaño a modulo para escritorio y para móvil por separado en archivo customuser.css

4 Respuestas
2 Usuarios
1 Reactions
8 Visitas
Jonas
Respuestas: 203
Estimable Member
Topic starter
 

Hola a todos, espero se encuentren muy bien

El motivo por el cual escribo, es porque he cambiado el tamaño de "Featured Module" del tema Elara para que ocupe todo el espacio en la versión de escritorio

.featured-module {
width: 130%;
}

 

funciona de maravilla para el escritorio, pero me he percatado que en el móvil el "featured modulo" se desplaza bastante hacia la derecha, si lo ajusto en la versión móvil se desajusta en la versión escritorio.

captura01

 

¿Es posible aplicar el tamaño de este modulo por separado?

es decir que pueda yo elegir el tamaño deseado para escritorio y el tamaño deseado para el móvil.

 

Agradezco su ayuda.

 

¡saludos!

Contenido solo visible a usuarios registrados


 
Respondido : 03/04/2021 7:38 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Podrías envolver tu código en una media query, de manera que sólo se aplique a partir de un ancho específico.

Por ejemplo en el siguiente código se ejecturaría a partir de 780px que es lo que usalmente se usa para tamaños que no son móviles

@media(min-width:780px){
  .featured-module {
    width: 130%;
  }
}

Saludos.


 
Respondido : 03/04/2021 1:14 pm
Jonas
Respuestas: 203
Estimable Member
Topic starter
 

@jmarreros Hola Jhon como siempre tus respuestas son muy efectivas

mil gracias a ti y a todo el equipo de Webempresa por su excelente servicio 🙂


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

Hola

Que bueno que lo solucionaste 🙂

Saludos.


 
Respondido : 03/04/2021 5:03 pm
Jonas reaccionó