We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Add to Cart button overlapping another block on Product Detailed Page

Add to Cart button overlapping another block on Product Detailed Page

peachybum
Visitor
2 0 1

jsungah_0-1750409996651.png

Hi can anyone help me with this? Not sure why the CTA keeps overlapping the above block. I'm not familiar with coding, so I don't know how to fix this. Thanks in advance

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Hi @peachybum 

Could you share the link to your product page? 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

peachybum
Visitor
2 0 1

Hi! Here is the link. I don't activate the "Select a Bundle" block at the moment, but as you see, the Text block is also overlapping the CTA button

peachybum_0-1750647950318.png

 

Small_Task_Help
Shopify Partner
1144 55 112

Hi,

Hope this will help

Go to your theme’s CSS file (theme.scss.liquid or base.css) and add this at the bottom:

CSS code example

/* Fix Add to Cart overlap issue */
.product-form {
  margin-top: 20px;
}
To Get Shopify Experts Help, Click Here or E-mail - hi@ecommercesmalltask.com
About Us - We are Shopify Developers India
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad