How can I fix the product title overlap on my product page?

Store Design
1

Hello, can someone please tell me how to fix this overflap of the product title on the product picture ( product page only)

I tried padding-bottom: 10px but nothing changes at all. My store url is 817apparel.com

24B668E9-8A50-431D-818D-E496F4ABFADF.png
24B668E9-8A50-431D-818D-E496F4ABFADF.png1170×2532 347 KB

2

@Only1mrsfragili ,

@media only screen and (max-width: 768px) {
section.product-container.is-flex.is-flex-wrap {
    margin-top: 7%;
}

h1.product_name {
    top: -61px;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

3

Thank you so much! It worked perfectly :slightly_smiling_face: