Hay pequeños grandes trucos en CSS que nos pueden sacar de grandes apuros.
En particular el código para desactivación de elementos web mediante simple CSS puede ahorrarnos muchos quebraderos de cabeza cuando un elemento no funciona correctamente en su versión responsive.
En este ejemplo que pongo a continuación, he desactivado el “Layer Slider” para WordPress en las versiones tablet y móvil. Tan sólo he necesitado localizar el elemento ( .ls-container) que corresponde a “Layer Slider” y en la hoja de estilo del tema hijo he incluido las siguientes líneas de código:
@media handheld, only screen and (max-width: 767px) {
.ls-container {
display:none;
}
}
@media only screen and (max-width: 1023px) {
.ls-container {
display:none;
}
}
Voilá! Testeando con mobiletest.me, veo que el elemento ha desaparecido sin problemas.
Lo mismo para cualquier parte del template que queramos fulminar de nuestra versión móvil .
Hola que tal? estoy tratando de desactivar el campo de cantidad en el carrito de woocommerce usé .product-quantity {display:none} y funciona en la versión pc pero en la móvil no, tome tu código y lo aplique pero no se refleja ningún cambio en la versión móvil que crees que esté haciendo mal? gracias.
@media handheld, only screen and (max-width: 767px) {
.product-quantity {
display:none;
}
}
Hola, yo tengo un problema donde un elemento desaparece en las versiones moviles. No se si habria un codigo para forzar a que se muestre.
http://www.huevos-fritos.com/espacios/
En la pagina sugerida, en la version escritorio aparece debajo de cada proyecto Categoria y ubicacion. Sin embargo en la version movil solo aparece el titulo. ¿Me podeis ayudar?
De todos los que busqué, el tuyo funcionó a la perfección, muchas gracias
Funcionó a la perfección el código. Lo solucioné a la primera y sin problemas. ¡Súper útil! Muchísimas gracias.
Me funciono perfecto para esconder un botón en el responsive del teléfono, muchísimas gracias!!
Funciona a la perfeccion gracias
Perfecto gracias