Hola, buenas tardes, me llamo Javier y quería consultaros una duda técnica sobre cómo retirar un contenido que no quiero que se muestre en los móviles.
El tema que estoy usando en mi tienda es el "storefront", a este tema le añadí el pluging Storefront Homepage Extra Sections para añadir algunas imágenes al homepage de la tienda.
Os adjunto el código que he podido analizar para determinar cuál es y retirarlo.
He seguido el foro y he intentado pegar estos códigos para su eliminación, pero quizás me esté confundiendo o de hoja de estilo o de código propiamente:
@media (max-width: 768px){. woocommerce columns-3{display:none;}}
@media (max-width: 768px){. widget widget_media_image{display:none;}}
@media (max-width: 768px){. storefront-product-section storefront-homepage-extra-sections display:none;}}
Os adjunto algunas imágenes por si sirven de ayuda.
Gracias de antemano
Hola Javier,
Añade el código directamente en el menú Apariencia -> Personalizar -> CSS Adicional
También verifica que en tu código no tengas espacios, por ejemplo para la clase .woocommerce estas dejando espacios,
el código debe quedarte por ejemplo
@media only screen and (max-width: 768px){
.woocommerce columns-3{
display:none;
}
}
@media only screen and (max-width: 768px){
.widget widget_media_image{
display:none;
}
}
@media only screen and (max-width: 768px){
.storefront-product-section {
display:none;
}
}
Saludos
Qué tal Karen, muchas gracias, pensé que podría ser el tema de los espacios pero no.
Tengo dudas de que esté inspeccionando bien la sección que quiero eliminar, creo que es "woocommerce columns-3", quizás esté ahí el problema:
He probado con este código y sigue apareciendo:
Hola Javier,
Prueba agregando el siguiente código en tus CSS Personalizado
@media screen and (max-width: 767px){
.shes-widget.first {
display: none !important;
}
}
@media screen and (max-width: 767px){
.shes-widget.last {
display: none !important;
}
}
Verifica si con esto te funciona
Saludos
Hola
Cual es la sección exacta que quieres ocultar en móviles?, actualmente veo que no aparecen secciones en el inicio cuando lo visualizo en un ordenador.
Saludos.
Lo acabo de probar, pero no parece dar resultado adjunto pantallazo
Qué tal Jhon, la sección que quiero quitar es justo la que está debajo del menu, son 3 imágenes (que forman partes un widget). Si te fijas en el inicio del post, hice un recuadro verde con esa parte que quería eliminar.
Esta sección únicamente aparce en el dominio general (www.purgatorioproducciones.com), yo por evitar esto, si le das a inicio, la web te redirecciona directamente a la www.purgatorioproducciones.com/tienda, en esa página ya no está el widget de la homepage (www.purgatorioproducciones.com)
Muchas gracias por la ayuda
Un saludo
Hola
Pero actualmente no veo que se muestre en movil, lo veo tal como se ve en la imagen adjunta.
Tal vez sea un problema de cache de tu navegador en movil.
Saludos.
Cierto!
Pues ha debido ser el código que me dijo karen, que ha tardado en actualizarse.
Muchas gracias por vuestra ayuda.
Hola Javier,
Gracias a ti,
Enhorabuena se soluciono.
Podemos dar el tema como cerrado.
Saludos 😊