[Resuelto] Personalizar contenido Movil con VirtuePremium  

 
Ignacio
 Ignacio
Usuario activo

Hola!

En mi homepage (imede.es) tengo cuatro imágenes con texto asociado y me gustaría que en mi versión móvil sólo se vieran las imágenes sin el texto. Utilizo el tema VirtuePremium.

¿ Hay algún parámetro html para decir que un texto sólo sea vea en ordenador fijo y no en móvil o tableta?

Si no lo hay, cómo debo configurar mi tema para que los textos no aparezcan en versiones móviles?

Os dejo un pantallazo para que os hagáis una idea de lo que quiero

image

Muchas gracias de antemano

Respondido : 06/03/2020 2:20 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola ignacio.

Prueba añadiendo lo siguiente al archivo style.css qu eencontarras en la carpeta wp-content -> themes -> Tu_plantilla

@media only screen and (max-width: 780px) {

.column-text {

display:none;

}

}

 

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 06/03/2020 3:04 pm

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

Ignacio
 Ignacio
Usuario activo

@pepesoler

Ya está añadido a style.css de VirtuePremium pero sigue todo igual.

Tengo que añadir algún codigo html adicional a la homepage para que detecte lo que es imagen y lo que es texto?

Respondido : 06/03/2020 3:22 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ignacio.

Ok elimina el anterior y añade el siguiente código:

@media only screen and (max-width: 780px) {

.column-text, .column-text * {
display: none!important;
}
}

 

Le añadimos la etiqueta " important " para que tome por defecto ese codigo.

Si ves que no se muestra prueba con el navegador en incognito:

-> https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=es

 

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 06/03/2020 3:35 pm

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

Ignacio
 Ignacio
Usuario activo

@pepesoler

He hecho lo que me has dicho y en ventana de incógnito sigue mostrando todo el texto.

¿ Tengo que añadir la etiqueta important delante de los textos que deseeo ocultar en móvil?

 

Respondido : 06/03/2020 3:44 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ignacio.

 

La etiqueta important se añade paar indicarle que el código que tiene que mostrar para ese elemento es el que tiene la etiqueta important.

Es posible que tengas un mismo código para mostrar ese elemento y al añadir la etiqueta important le decimos que es ese el que tiene que mostrar y no el otro.

No siempre hace falta, es posible que solo con el código sin la etiqueta se muestre bien.

 

Estoy probando el código y veo que funciona bien:

screenshot nimbus capture 2020.03.06 17 04 46

 

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 06/03/2020 4:06 pm
Ignacio me gusta

wpdoctor-revisa-la-salud-de-tu-wordpress

Ignacio
 Ignacio
Usuario activo

Perfecto! Ya funciona como quería.

Muchas gracias por tu ayuda

Respondido : 06/03/2020 7:24 pm

Por favor Iniciar Sesión o Registro