Las tablas son un elemento cuya visualización es siempre problemática. Si la tabla quedase restringida a la anchura del dispositivo movil, no se distinguiría lo que pone.
Comprueba si se puede arrastrar la tabla hacia la derecha para así poder ver lo que está oculto.
Las pestañas de selección que te aparecen descuadrados se deben a un código incorrecto, puede que sea un código personalizado, tienes que buscar si en el CSS adicional tienes este código:
@media (max-width: 767px)
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
}
Tienes que modificarlo cambiando el display: inline-block
por block
, si no lo tienes añade este:
@media (max-width: 767px)
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: block;
}
También deberías actualizar el tema a su última versión, según su descripción en esta última versión, entre otras cosas, mejoraron el CSS. Al ser un tema comercial nosotros no tenemos acceso al código para hacer pruebas, por lo que poco más te puedo decir, no puedo simular compras, en todo caso puedes consultar con el soporte oficial del tema:
Support for CleanSkin | Handmade Organic Soap & Natural Cosmetics Shop WordPress Theme + Elementor
Recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.
Iniciador del debate
rog11
(@rog11)
No me permite arrastrar la tabla hacia la derecha, como podría habilitar esa función?
En cuanto a las pestañas de seleccion desalineadas pude solucionarlo con el siguiente CSS:
nav.woocommerce-MyAccount-navigation ul {
display: inline-grid !important;
}
Gracias!
Hola @rog11
Como te indiqué antes, al tratarse de un tema comercial nosotros no tenemos acceso al código para instalarlo y hacer pruebas, tienes que ponerte en contacto con el soporte del tema.