Avisos
Vaciar todo

[Resuelto] Centrar botones en vista movil  

 
Nadinne
 Nadinne
Estimable Member

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
 Argenis
Soporte CMS Webempresa 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

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

Nadinne
 Nadinne
Estimable Member

Sin problemas, este usuario lo uso para hacer pruebas.

 

Esta publicación ha sido modificada el hace 3 meses por Pepe
Respondido : 27/11/2024 9:17 pm
Argenis
 Argenis
Soporte CMS Webempresa 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

Nadinne
 Nadinne
Estimable Member

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

botones movil2

 

Respondido : 27/11/2024 9:53 pm
Argenis
 Argenis
Soporte CMS Webempresa 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

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

Nadinne
 Nadinne
Estimable Member

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

Respondido : 27/11/2024 10:49 pm
Argenis
 Argenis
Soporte CMS Webempresa 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

Cursos Gratuitos WordPress