Why does my homepage product go behind the collections when scrolling?

Store Design
1

Hey there guys.

Im experiencing a weird overlay effect when scrolling down on the homepage.

The featured product goes behind the four collections. Im not quite sure why :/.

Could you help me with this?

s1.png
s1.png1876×758 179 KB

PS: I’ve just noticed that the collection names dont wrap nicely either :p.

Shop: click me

Password: siesoh1

Thank you for any help!

2

Hello @itsolidude12

Please add below css in theme.css

.index-section .page-content--product .product-single__sticky{
  position: relative;
  top: 0;
}
#shopify-section-template--15265540997276__1661062609a4b9b376 {
 margin: 0;
}
.template-index[data-type_product_capitalize="true"] .collection-item__title span {
 letter-spacing: 0.2px;
 font-size: 24px;
}

Your store’s design is broken at multiple places. Please take help of a dev to fix the whole store design.