Avisos
Vaciar todo

no me acepta un código para que un módulo no se vea en la PC y si en el celular  

 
Carmen
 Carmen
Prominent Member

😉 Hola acá de nuevo
Resulta que puse un módulo para que se vea en la PC y otro para que se vea solo en celulares.
Ahora lo he desactivado porque ya pasó el evento que quería mostrar pero les mando una captura. En el módulo que quiero que solo se vea en la pc puse el siguiente código en Clase CSS modulo: hidden-phone
y en el que hice para celulares en Clase CSS modulo : hidden-desktop
Hay algo que no funciona ya que el mismo trabajo hice en otro sitio y anduvo perfecto. En el celular solo se veía la imagen que te portaba al video y en la PC se veía el video directamente.
En cambio en este sitio en el celular se veía la imagen que te porta al video y abajo el video directamente pero deformado .
Me pueden decir que pudo pasar. Ahora les mando las capturas de la configuración y de cómo se veía.
Saludos
Carmen

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 20/04/2017 11:21 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carmen, buenos días.

Tienes añadidos los códigos en tu archivo de estilos CSS.

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

Esto es un código estándar que podrías probar si te funciona en tu web, también puedes revisar los códigos que tienes en la plantilla que te funciona y copiarlos.

Un saludo

ResponderCitar
Respondido : 20/04/2017 11:34 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carmen
 Carmen
Prominent Member

Gracias por tu inmediata respuesta.
La plantilla que uso en los dos sitios es la misma.
Perdona mi ignorancia pero hay muchas cosas que no se. La plantilla que uso es Interstellar, no se donde debo buscar el archivo de estilos CSS, para ver si tengo esos códigos.
El código para que no se vea en la PC lo toma el que no toma es el que no se vea en celular.
Gracias
Saludos
Carmen

ResponderCitar
Respondido : 20/04/2017 11:43 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola carmen.

Añade el código que te pase al archivo custom.css que encontraras en templates/tuplantilla/custom/custom.css

Si esta es archivo lo puedes añadir al archivo templates/tuplantilla/css/interstellar.css

Un Saludo

ResponderCitar
Respondido : 20/04/2017 4:02 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carmen
 Carmen
Prominent Member

B) Gracias Pepe
Como siempre vuestra ayuda es excelente.
Puedes cerrar el hilo.
Saludos
Carmen

ResponderCitar
Respondido : 20/04/2017 8:18 pm