Avisos
Vaciar todo

[Resuelto] Eliminar de homepage una seccción para que no se muestre en el móvil  

 
Javier
 Javier
Usuario activo

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

Respondido : 14/04/2020 4:31 pm
Karen Rios
 Karen Rios
Usuario Moderator

Hola Javier,

Añade el código directamente en el menú Apariencia -> Personalizar -> CSS Adicional

imagen

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

 

Respondido : 14/04/2020 5:04 pm

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

Javier
 Javier
Usuario activo

@karenrios

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:

imagen
Respondido : 14/04/2020 5:36 pm
Karen Rios
 Karen Rios
Usuario Moderator

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

Respondido : 14/04/2020 5:56 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Respondido : 14/04/2020 5:58 pm
Javier
 Javier
Usuario activo

@karenrios

Lo acabo de probar, pero no parece dar resultado adjunto pantallazo

imagen
Respondido : 14/04/2020 6:05 pm

Javier
 Javier
Usuario activo

@jmarreros

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

Respondido : 14/04/2020 6:26 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Captura de Pantalla 2020 04 14 a la(s) 12.56.36

 

Saludos.

Respondido : 14/04/2020 6:57 pm

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

Javier
 Javier
Usuario activo

@jmarreros

Cierto!

Pues ha debido ser el código que me dijo karen, que ha tardado en actualizarse.

Muchas gracias por vuestra ayuda.

Respondido : 14/04/2020 7:46 pm
Karen Rios
 Karen Rios
Usuario Moderator

Hola Javier,

Gracias a ti,

Enhorabuena se soluciono.

Podemos dar el tema como cerrado.

Saludos 😊 

Respondido : 14/04/2020 8:18 pm

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