Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 18, 2013 at 3:42 pm #190122
    fitzpatrick512

    When a

    In the cart table, with one item in the cart, here’s what the customer sees in larger sizes:

    YOUR ORDER

    Product Total
    PRODUCT x2 $375
    Cart Subtotal $375
    Order Total $375

    However, on the smallest size, they only see this:

    YOUR ORDER

    $375
    $375
    $PRODUCT x2
    $375

    Is there any way to keep those headings? Without the headings, the information is confusing and I’m concerned with buyer confidence.

    November 18, 2013 at 6:58 pm #190245
    Yigit

    Hi fitzpatrick512!

    Can you post the link to your website so we can inspect elements on it?

    Regards,
    Yigit

    November 20, 2013 at 5:38 am #190823
    fitzpatrick512

    this happens in your demo also

    November 21, 2013 at 6:49 pm #191556
    Yigit

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 479px) { 
.responsive table.shop_table th { display: block; } 
.responsive table.shop_table { display: grid!important; overflow: visible; }}

    Cheers!
    Yigit

    December 3, 2013 at 7:45 am #195656
    fitzpatrick512

    that worked, thanks!

    i also added

    @media only screen and (max-width: 479px) {
    .responsive table.shop_table th {
    display: block;
    width: 268px;
    }

    December 4, 2013 at 10:28 am #196055
    Dude

    Hey!

    Glad it works now :)

    Cheers!
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘cart table issues in smallest size mobile’ is closed to new replies.