Customize Single Product Page

  • ifransaad

    (@ifransaad)


    5 years, 3 months ago

    Hi, I am using Elementor Pro, OceanWP and Woocommerce to build an online store. On the single product page I want to add a buy now button and make the “quantity” plus and minus responsive as you can see if you switch to mobile version it doesn’t look nice. Any help would be appreciated. Thanks 🙂

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

Viewing 1 replies (of 1 total)
  • Abhishek

    (@abhikr781)

    5 years, 3 months ago

    Hello,

    Seems you have added some custom code that caused the issue.
    The issue you are facing because of the the these two codes, remove these to fix the issue.
    @media (max-width: 450px){
    .cart .quantity input[type=number] {
    width: 93% !important;
    }
    }
    @media (max-width: 450px){
    #main .product .entry-summary .cart .single_add_to_cart_button {
    font-size: 22px !important;
    }
    }

    If not fining those codes to remove, try to add the below codes, and check.

    @media (max-width: 450px){
    .cart .quantity input[type=number] {
    width: 36px !important
    }
    }
    @media (max-width: 450px){
    #main .product .entry-summary .cart .single_add_to_cart_button {
    font-size: 12px !important;
    }
    }

Viewing 1 replies (of 1 total)

The topic ‘Customize Single Product Page’ is closed to new replies.