Avisos
Vaciar todo

[Resuelto] Columnas footer

4 Respuestas
3 Usuarios
0 Reactions
17 Visitas
Francis
Respuestas: 98
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Respuestas: 12051
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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.

 


 
Respondido : 02/03/2021 8:13 pm
Francis
Respuestas: 98
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Funciona!! Muchas gracias a los dos.

 

Un Saludo.


 
Respondido : 02/03/2021 8:25 pm