When I scroll down to the bottom of the page, the recommendations section at the bottom of the screen overlaps with the product description. This is causing my recommendation title “You may also like” to appear in a completely different area outside of the section. Can anyone help me out with this?
Source of issue: FxSkin Product page
Image of issue is below.
The solutions I’ve tried that DONT WORK are Below:
@media only screen and (min-width: 769px){
.product-single__sticky {
position: relative !important;
}
}
@media only screen and (min-width: 769px)
{
.product-single__sticky {
position: relative;
top: 0;
}
}
.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;
}
