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  

 
Jonas
 Jonas
Estimable Member

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

Citar
Respondido : 03/04/2021 8:38 am
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 03/04/2021 2:14 pm

Jonas
 Jonas
Estimable Member

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

ResponderCitar
Respondido : 03/04/2021 5:51 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Que bueno que lo solucionaste 🙂

Saludos.

ResponderCitar
Respondido : 03/04/2021 6:03 pm
Jonas me gusta

Cursos Gratuitos WordPress