Avisos
Vaciar todo

[Resuelto] Columnas footer  

 
Francis
 Francis
Usuario experto

Hola nuevamente.

Quiero poner en el footer las categorías de la tienda, en pc se ve correctamente :

Captura de pantalla 2021 03 02 a las 20.36.14

 

Pero en la version móvil se ve una columna en vertical

Captura de pantalla 2021 03 02 a las 20.42.42

 

¿Mediante CSS se puede poner que en vez de ser una columna en vertical sean 2 o 3 columnas?, es decir, que se vea como menu de los textos legales (Subrayado en azul)

 

Gracias.

 

Contenido solo visible a usuarios registrados

Respondido : 02/03/2021 7:44 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Francis,

Para hacer este ajuste verifica si este código css lo aplica:

@media screen and (max-width: 768px) {
.footer-navigation-wrapper ul li {
display: inline-block;
padding-right: 10px;
margin: 0px 0px 15px 0;
}
}

Puedes agregarlo en Apariencias > Personalizar > Css adicional, está configurado para actuar cuando la resolución llegue a 768 usualmente es el tamaño de tablet.

Un saludo 🖐️ 

Respondido : 02/03/2021 8:05 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes probar con el siguiente código CSS:

@media ( max-width:768px){
ul.menu-menu-footer{
  width: 100%;
  display:flex;
  flex-wrap: wrap;
}
ul.menu-menu-footer li{
  width: 30%;
}
}

En lugar de 30% puedes probar con dos columnas colocando 50%

Para agregar código CSS revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.

 

Esta publicación ha sido modificada el hace 4 años por Jhon
Respondido : 02/03/2021 8:13 pm
Francis
 Francis
Usuario experto

Funciona!! Muchas gracias a los dos.

 

Un Saludo.

Respondido : 02/03/2021 8:25 pm

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