Return to previous page

Adding responsive add to cart to single product page builder

This topic has 6 replies, 2 voices, and was last updated 4 years, 5 months ago ago by Rose Tyler

  • Avatar: stephan
    stephan
    Participant
    November 6, 2019 at 14:33

    hello ,
    i want to add an responsive add to cart button with 100% width to single page builder .
    I tried to add css 100% width but its not working ,

    how can i make add to cart button 100% width ?

    #224461 Copied Theme version: last
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 6, 2019 at 14:38

    Hello,

    Please provide URL and temporary wp-admin access.

    Regards

    #224464 Copied
    Avatar: stephan
    stephan
    Participant
    November 6, 2019 at 14:49

    hello,
    please find the credentials

    Please contact administrator
    for this information.
    #224473 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 6, 2019 at 14:56

    Hello,

    Try to add this code in Theme options > Theme custom CSS > Global:

    .single-product .single_add_to_cart_button {
    width: 100%;
}

    If this doesn’t help, describe the desired result in more details and enable the builder. We will take a closer look.

    Regards

    #224475 Copied
    Avatar: stephan
    stephan
    Participant
    November 6, 2019 at 16:59

    it does work but only for simple products not for variable products

    builder its on on this site

    Please contact administrator
    for this information.
    #224484 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 6, 2019 at 17:03

    Change the previous code to:

    .single-product .single_add_to_cart_button,
.single-product .woocommerce-variation-add-to-cart,
.single-product .single_variation_wrap {
    width: 100%;
}

    Regards

    #224486 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme

See All Templates

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