Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 17, 2018 at 10:44 am #1010666
    giorgio_betagrafic

    Hi
    Is there a way, in cart page and only on mobile devices portrait · width: 375px (iPhone 6s), to align the product description to the left (currently it is aligned to the center) ???

    I try this CSS by unfortunately it’s don’t work:
    ———————————————————————————
    @media only screen and (max-width: 480px) {
    .responsive #top.woocommerce-cart table .product-name {
    text-align: left;
    }}
    ———————————————————————————
    Thanks

    September 17, 2018 at 2:28 pm #1010768
    Victoria

    Hey giorgio_betagrafic,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (max-width: 480px) {
    .product-name a, dl.variation p {
        width: 100%;
        display: block;
        text-align: left;
        padding: 5px;
    }
    .tm-cart-edit-options {
        margin-left: 0px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 17, 2018 at 3:55 pm #1010818
    giorgio_betagrafic

    Hi,
    Thank you,
    I tried on iPhone 6s, but unfortunately it only works for Firefox App but it does not work with Safari.
    :-(

    September 17, 2018 at 6:24 pm #1010893
    Victoria

    Hi giorgio_betagrafic,

    Well, Safari has its own user styles, please try the code like this

    

@media only screen and (max-width: 480px) {
    .product-name a, dl.variation p {
        width: 100%;
        display: block;
        text-align: left;
        padding: 5px;
    }
    .tm-cart-edit-options {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 990px) {
    dd {
        -webkit-margin-start: 0px;
    }
    dd p {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
        -webkit-margin-start: 0px;
    }
}

    Best regards,
    Victoria

    September 18, 2018 at 4:08 pm #1011368
    giorgio_betagrafic

    Thanks, but unfortunately it does not work.

    September 18, 2018 at 5:31 pm #1011414
    Victoria

    Hi giorgio_betagrafic,

    Hm…. one more try:

    
@media only screen and (max-width: 990px) {
    dl.variation p {
        margin: 0;
        padding: 0;
        text-align: left;
    }
}

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.