Avisos
Vaciar todo

[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

Respondido : 06/03/2020 3:04 pm

Cursos Gratuitos 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

Respondido : 06/03/2020 3:35 pm

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

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

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

Ignacio
 Ignacio
Usuario activo

Perfecto! Ya funciona como quería.

Muchas gracias por tu ayuda

Respondido : 06/03/2020 7:24 pm