Home Forums WoodMart support forum CSS problem in mobile checkout view

CSS problem in mobile checkout view

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #61190

    getimo
    Participant

    The labels (th) of the table in the checkout view are on display:none on mobile view. That way there are no labels at all when viewing the shop in smaller screens.

    This is the code which removes the labels in mobile view:

    .shop_table_responsive th, .shop_table_responsive thead {
        display: none;
    }

    The code comes from /wp-content/themes/woodmart/style.min.css?ver=2.5.0

    I added this to my custom CSS to fix this problem.

    /* Checkout Mobile Fix */
    .shop_table_responsive tr.cart-subtotal th,
    .shop_table_responsive tr.shipping th,
    .shop_table_responsive tr.order-total th,
    .shop_table_responsive tr.order-tax th,
    .shop_table_responsive thead {
        display: block;
        border: none;
        padding: 0;
        float: left;
    }

    I added screenshot for clarification.

    Attachments:
    You must be logged in to view attached files.
    #61230

    Artem Temos
    Keymaster

    Hi,

    Title on mobile devices come from data-title attribute and you can see how it works on our demo https://woodmart.xtemos.com/cart/

    Regards

Viewing 2 posts - 1 through 2 (of 2 total)