[Resuelto] Ajustar tamaño Plugin MetaSlider en movil  

Hola Walter,

Veo que tienes la versión gratuita del Metaslider, cierto? Esto te limita un poco realizar ciertos ajustes, a diferencia de la versión PRO que incluye un editor muy intuitivo para realizar ajustes que podrían servirte.

Sin embargo te sugiero pruebes lo siguiente:

1. En las opciones avanzadas del slider define la alineación centrada, en "Image crop" prueba con standard y luego con disabled. Esto puede ayudar.
2. Prueba ademas creando 2 sliders, digamos que uno para equipos de escritorio y otro para móviles, digamos que al de escritorio le estableces un tamaño de 700x300px mientras que al de los móviles lo estableces en 350x170px. Luego instalas el plugin de WP Mobile Detect. y en lugar de solo insertar el shortcode del slider en la página (como normalmente lo harías) lo haces de la siguiente manera:

[device][shortcode slider_moviles].[/device] [notdevice][shortcode_slider_escritorio][/notdevice]

En la página del plugin que te comparto puedes encontrar mas shortcodes para mas equipos como tabletas, iPhones,

Saludos.

Hola Walter,

Creo que una mejor solución es insertando el siguiente CSS:

/* 
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
   .metaslider .theme-default .nivoSlider img {
  height:300px;
   }
  }

/* 
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .metaslider .theme-default .nivoSlider img {
     height:350px;
   }
}

/* 
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
.metaslider .theme-default .nivoSlider img {
  height: 220px;
   }  
}

/* 
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  .metaslider .theme-default .nivoSlider img {
  height: 150px;
   }
}

Saludos.