Variation swatches mobile view – exiting the page

This topic has 2 replies, 2 voices, and was last updated 2 years, 4 months ago ago by Olga Barlow

  • Avatar: najmicreations
    najmicreations
    Participant
    January 20, 2022 at 05:59

    1. In mobile view the variation swatches are exiting the page. Please provide relevant code to adjust this.
    Screenshot:
    https://paste.pics/e487591f64c4af0fef6eeeab035a88cf

    2. Also I want to add top padding to Shop Page and Cart Page. Please direct as to how to add

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 21, 2022 at 12:05

    Hello,

    Add the below code to Theme Options > Custom CSS

    .single-product .template-container form.cart table.variations .label {
        width: auto;
        display: block;
    }

    Add the below code to add space on the shop and cart pages

    .woocommerce-page .content-page {
        margin-top: 20px;
    }

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.