Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Solucionado Quitar slider en versión móvil
#1
Hola,
me gustaría saber como puedo hacer para que un slider, no se vea cuando el tema está en versión móvil o en unos mínimos de ancho),

me explico?

No se hacer para que cuando la pantalla sea mas pequeña que 1080px desaparezca el slider de la pagina.
(El slider esta en un archivo aparte y supongo que igual con css o con un if para que no me muestre cuando el ancho es menor de 1080).

Un saludo.

web: www.supercartelera.es
#2
Simplemente puedes usar media queries 
Cita:Una media query consiste en un tipo de medio y al menos una consulta que limita las hojas de estilo utilizando características del medio como ancho, alto y color. Añadido en CSS3, las media queries dejan que la presentación del contenido se adapte a un rango específico de dispositivos de salida sin tener que cambiar el contenido en sí.
Añade en tu hoja de estilos css un display:none para no mostrar el slider en determinadas pantallas (según el ancho de la pantalla donde se visualiza el slider):
Código:
@media (max-width: 1080px) {
 #slider {
   display: none;
 }
}
Añadiendo esto conseguirás ocultar el slider en pantallas con menos de 1080 pixeles de ancho. El valor puedes ajustarlo a tu gusto o puedes añadir mas condicionales, espero haberte ayudado. Saludos!  ¡Me gusta!

Edit: si necesitas mas información pásate por https://developer.mozilla.org/es/docs/CSS/Media_queries
#3
Se puede realizar con css cómo te lo explica el compañero @celticslment, solo que en tu caso aplicarías el "display:none" a #classy-carousel
Que se encuentra en tu archivo "Style.css"


Saludos y mucha suerte!  Interesante ¡Me gusta!
WWW
#4
Yo lo aplique a #slider y no muestra el div tambien. A ver si le funciono.
#5
Las dos formas son efectivas ya que pasan por esos divs.
WWW
#6
(10-03-2015, 05:28 PM)celticslment escribió: Simplemente puedes usar media queries 

Cita:Una media query consiste en un tipo de medio y al menos una consulta que limita las hojas de estilo utilizando características del medio como ancho, alto y color. Añadido en CSS3, las media queries dejan que la presentación del contenido se adapte a un rango específico de dispositivos de salida sin tener que cambiar el contenido en sí.
Añade en tu hoja de estilos css un display:none para no mostrar el slider en determinadas pantallas (según el ancho de la pantalla donde se visualiza el slider):

Código:
@media (max-width: 1080px) {
 #slider {
   display: none;
 }
}
Añadiendo esto conseguirás ocultar el slider en pantallas con menos de 1080 pixeles de ancho. El valor puedes ajustarlo a tu gusto o puedes añadir mas condicionales, espero haberte ayudado. Saludos!  ¡Me gusta!
Edit: si necesitas mas información pásate por https://developer.mozilla.org/es/docs/CSS/Media_queries
(12-03-2015, 02:04 AM)DarkMaster escribió: Se puede realizar con css cómo te lo explica el compañero @celticslment, solo que en tu caso aplicarías el "display:none" a #classy-carousel
Que se encuentra en tu archivo "Style.css"
Saludos y mucha suerte!  Interesante ¡Me gusta!

Lo siento x tardar en contestar .
muchas gracias a los dos. 
me ha servido mucho la estructura que me habéis pasado.
Un saludo. +1

Se puede cerrar tema.
#7
Marco y Cierro.
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Ladrillo quitar derechos de autor de una plantilla? carlos11 8 263 05-04-2018, 06:14 PM
Último mensaje: Vicen
  Solucionado: WordPress 4.7.2 versión de seguridad Vicen 15 889 17-04-2017, 09:49 PM
Último mensaje: brettavz
  WooCommerceAplicación oficial de WooCommerce para el móvil Aplicación oficial de WooC logoregion 0 387 08-02-2016, 09:55 PM
Último mensaje: logoregion
  COMO QUITAR IMAGEN CENTRAL darwin17 9 779 10-03-2015, 07:54 PM
Último mensaje: Vicen
  Nivo Slider kikausen 0 415 02-01-2013, 01:41 AM
Último mensaje: kikausen
  Solucionado: Consulta quitar copy Jouser 26 2,312 05-11-2012, 07:50 PM
Último mensaje: soporteptc
  Versión Móvil Juliens 3 546 17-10-2012, 06:50 PM
Último mensaje: Juliens
  Solucionado: Problema al actualizar a la versión 3.3 Juliens 6 1,065 13-12-2011, 04:25 AM
Último mensaje: Juliens
  Crear un foro en Wordpress y quitar el sidebar rubenamc25 8 2,119 09-12-2011, 09:25 PM
Último mensaje: Arrakis
  Como se llama este slider Iro 4 705 03-12-2011, 04:07 AM
Último mensaje: moscoquera



Usuarios navegando en este tema: 1 invitado(s)