• Closed
  • MKS
    Spectator
    January 27, 2016 at 8:40 pm #23870

    When checking out the cart details are blown way out on mobile phones like iPhone 6 and Galaxy Note etc. Is there a CSS solution to deal with this?

    Imran
    Spectator
    Posts: 402
    January 27, 2016 at 8:48 pm #23872

    Hi there,

    Thanks for writing in!

    Would you mind providing your website’s link so that we can take a look into your setup and provide you with a possible solution.

    Thank you!

    MKS
    Spectator
    Posts: 7
    January 27, 2016 at 9:31 pm #23875

    Yes I can but I prefer to not publish it publicly per my bosses directions. How can I get the URL to you privately?

    MKS
    Spectator
    Posts: 7
    January 27, 2016 at 9:32 pm #23876
    This reply has been marked as private.
    Imran
    Spectator
    Posts: 402
    January 28, 2016 at 7:58 am #23893

    Hi there,

    Thanks for the link!

    Please add the code under your Appearance -> Theme Options -> Custom CSS:

    @media only screen and (max-width: 700px) {
    .shop_table .product-remove {
    width: 3% !important;
    }
    table tbody tr td {
    padding: 0px 3px !important;
    }
    .product-info {
    margin-left: 102px;
    margin-top: 20px;
    }
    .shop_table .product-thumbnail {
    margin-right: 10px;
    }
    .shop_table {
    position: relative;
    right: 16px;
    }
    }

    Hope this helps.

    Thanks!