Avisos
Vaciar todo

[Resuelto] Centrar botones en vista movil

8 Respuestas
2 Usuarios
0 Reactions
23 Visitas
Respuestas: 250
Reputable Member
Topic starter
 

Hola, parece que habéis cerrado el anterior tema, la pregunta es similar, se trata de los mismos botones en vista móvil que ahora aparecen descentrados. Me puedes ayudar? Adjunto captura.

 

botones movil

 

Saludos, Nadinne.

Contenido solo visible a usuarios registrados


 
Respondido : 27/11/2024 7:45 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Nadinne,

Es correcto lo hemos cerrado por qué nos has indicado solución a ese tema, es bueno separar los temas para poder tener un orden, sin embargo, necesitamos que nos compartas un usuario que pueda tener estos dos botones para que podamos verlo y ver si puedes solucionarlo con un CSS.

El usuario no puede ser administrador.

Un saludo 🖐️ 


 
Respondido : 27/11/2024 9:06 pm
Respuestas: 250
Reputable Member
Topic starter
 

Sin problemas, este usuario lo uso para hacer pruebas.

 


Esta publicación ha sido modificada el hace 10 meses por Pepe
 
Respondido : 27/11/2024 9:17 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Nadinne,

Puedes verificar con estos códigos:

@media screen and (max-width: 430px) {
.woocommerce-orders-table__cell[data-title="Acciones"] {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
a.button.track-button.order-3486.button.tooltipstered {
padding: 5px 12px !important;
}
}

Los agregas al final del todo en Apariencias > personalizar > css adicional. Verifica y nos comentas.

Un saludo 🖐️ 


 
Respondido : 27/11/2024 9:44 pm
Respuestas: 250
Reputable Member
Topic starter
 

Casi perfecto, pero no encuentro la clase css para mostrarlos del mismo tamaño.

botones movil2

 


 
Respondido : 27/11/2024 9:53 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Nadinne, 

Al actualizar tu sitio no lo veo aplicado, sigo viéndolo como estaba antes de compartirte los dos códigos CSS, de igual forma aprovechemos eso y cambia el que te compartí con este:

@media screen and (max-width: 430px) {
.woocommerce-orders-table__cell[data-title="Acciones"] {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions > a {
padding: 5px 12px !important;
}
}

Un saludo 🖐️ 


 
Respondido : 27/11/2024 10:13 pm
Respuestas: 250
Reputable Member
Topic starter
 

Perfecto, ha quedado solucionado con este cambio. Muchas gracias y buenas noches.


 
Respondido : 27/11/2024 10:49 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Nadinne,

Encantados siempre de poder ayudar, si tienes alguna otra duda por aquí estaremos.

Un saludo 🖐️ 🤓 


 
Respondido : 27/11/2024 11:05 pm