Add to cart button and variations overflowed in mobile

  • Resolved wud65

    (@wud65)


    2 years, 5 months ago

    Hello, I need help with Single product page.
    My products has many variations and options, so upper product page is longer than normal products.
    I want the margin under the ‘add to cart button’ to be adjusted automatically.
    It works well in a desktop environment. However, in a mobile environment, the options and button at the bottom protrude out of the column.
    I’m worried that if I fix the margin long, it affects products that don’t have variations.
    I tried to change padding and margin, but it didnt work well.
    How can I fix it?

    • This topic was modified 2 years, 5 months ago by wud65.

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

Viewing 1 replies (of 1 total)

  • Hello @wud65,
    Thanks for reaching out to us.

    I have checked the product you have mentioned from the Mobile devices and found a big gap below the Add To Cart button. On a closer inspection, I’ve noticed that a bottom padding of 200% is applied for the entire column only for Mobile Devices which is mainly responsible for that gap. Please check this screenshot for a better understanding.

    Kindly remove the padding you have applied to the column for Mobile devices by following this screenshot. I hope the issue will be solved right after that. It will also not affect other products that don’t have any variation.

    Let me know if that helps or if there is anything else you need help with. We are always here to assist you.

    Best Regards,
    Prosenjit

Viewing 1 replies (of 1 total)
  • The topic ‘Add to cart button and variations overflowed in mobile’ is closed to new replies.