Mobile view on the single product page, change add to cart and quantity box

This topic has 4 replies, 2 voices, and was last updated 1 months, 2 weeks ago ago by Nancy

  • Avatar: Nancy
    Nancy
    Participant
    September 5, 2025 at 12:45

    https://prnt.sc/UdFdzo6lVoHx

    Good afternoon,
    See this screenshot. I want to remove the “hoeveelheid” on the mobile view and change the text on the add to cart button. Next I want the quantity box and add to cart on one line (in all views).

    Is this in the settings? Or do I need to change the css?

    Kind regards,
    Nancy

    3 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    September 5, 2025 at 16:36

    Hi @Nancy,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    @media (max-width: 480px){
        .single-product-builder .et_product-block form.cart {
            flex-direction: row !important;
            flex-wrap: nowrap !important;
        }
        .single-product-builder .et_product-block .cart .quantity {
            margin-bottom: 0;
            margin-right: 5px;
        }
    }
    

    Kind regards,
    The 8Theme Team

    Avatar: Nancy
    Nancy
    Participant
    October 17, 2025 at 08:43

    Forgot to update this, this problem is solved, thank you

    Avatar: Nancy
    Nancy
    Participant
    October 17, 2025 at 08:44

    Thanks for the support! My topic “Mobile view on the single product page, change add to cart and quantity box” has been successfully resolved.

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

The issue related to '‘Mobile view on the single product page, change add to cart and quantity box’' has been successfully resolved, and the topic is now closed for further responses

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