• Resuelto rog11

    (@rog11)


    Hola,

    La pagina de MI CUENTA de WooCommerce no es responsiva, Se ev muy fea desde el movil incluso con la tabla de historial de pedidos cortada. Estuve investigando, encontré un código ccs para arreglar, pero no me funciono.

    Alguna idea como hacer que esta sección quede mejor de modo que al menos la tabla quede bien dentro de la vista movil? Como le han dado solucion a esta porque supongo que no soy el primero.

    Aquie les dejo un captura
    CAPTURA

    Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador almendron

    (@almendron)

    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.

    Moderador jose64

    (@jose64)

    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!

    Moderador jose64

    (@jose64)

    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.

    Iniciador del debate rog11

    (@rog11)

    Gracias!

    Ya me puse en contacto

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Pagina de MI CUENTA en movil no es responsiva’ está cerrado a nuevas respuestas.