Product attribute colors are not displayed correctly

  • Resolved Umberto

    (@umberto69)


    6 months, 2 weeks ago

    Hi,
    Can you tell me how I can fix the attribute images? On the PC they remain on a single line, while on a mobile device they are arranged in two columns, with an attribute that goes above another module.
    SCREENSHOT

    Thank you

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Dina S.

    (@themehighsupport)

    Hi,

    Please add the below style in your Additional CSS file in to resolve the issue.

    @media (max-width: 479px) {
    div.product form.cart .variations td.product_value {
        max-width: 100%!important;
    }
}

    Thank you!

    Thread Starter Umberto

    (@umberto69)

    Hi,
    Thanks for the CSS. This puts them on one line and pops out of the screen creating a scroll bar.

    Cordialmente

    Umberto

    Dina S.

    (@themehighsupport)

    Hi,

    Please replace the previously added CSS with the below style.

    @media (max-width: 479px) {
    div.product form.cart .variations td.product_value {
        max-width: 380px!important;
    }
}

    Thank you!

    Thread Starter Umberto

    (@umberto69)

    Hi,
    a thousand thanks. I decreased it a bit to 350px and it seems to work well.

    @media (max-width: 479px) { div.product form.cart .variations td.product_value { max-width: 350px!important; } }

    Dina S.

    (@themehighsupport)

    Glad to hear that!

    Have a great day.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Product attribute colors are not displayed correctly’ is closed to new replies.