Product description overlapping "You may also like" section

Kahmali
New Member
1 0 0

shopify error.PNG

 

Trying to figure out how to fix the overlapping text after I added the customization fields to this product.

Replies 4 (4)
ZestardTech
Shopify Expert
3525 583 810

Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
FxSkin
Excursionist
20 0 7

Im having this exact issue on impulse. 

 

website source of error is https://fxskin.co/collections/all-services/products/babor-fx-deluxe

 

Can someone please address this??????

ZestardTech
Shopify Expert
3525 583 810

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.page-content--product>.page-width>.grid {
display: flex;
flex-wrap: wrap;
}

.page-content--product>.page-width>.grid>div {
width: 100%;
}
.page-content--product>.page-width>.grid .product-single__sticky {
width: 60%;
position: unset;
}
.page-content--product>.page-width>.grid .grid__item.medium-up--two-fifths {
width: 40%;
}
.page-content--product>.page-width>.grid .product-single__sticky>div {
position: sticky;
top: 20px;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
FxSkin
Excursionist
20 0 7

Thank you. That's a step in the right direction.

 

As you can see the "You may also like" header above my product recommendations is not aligned with my selection now.