IMPULSE THEME- Product Desc. Block Overlap w/ recommendations!

Store Design
1

When I scroll down to the bottom of the page, the recommendations section at the bottom of the screen overlaps with the product description. Can anyone help me out with this?

Source of issue: https://fxskin.co/collections/all-services/products/babor-fx-deluxe

Image of issue is below. Thank you so much…

Untitled.png
Untitled.png1672×816 150 KB

2

Hi @FxSkin

This is because the section is set to sticky
You can use this CSS to remove it

@media only screen and (min-width: 769px){
.product-single__sticky {
    position: relative !important;
}
}

Please follow these steps to apply the CSS

  1. From your Shopify admin dashboard
  2. Navigate to Online stores > Themes > Select the main theme
  3. Click on Actions > Edit code
  4. From the code editor, search for the theme.css file
  5. Then paste the above CSS at the bottom of the theme.css file
  6. Save and refresh the pages so check your changes

Cheers!

3

I made the changes but am still seeing the issue! Any other suggestions? Give it a check.

4

Bumping because I’m panicking

5

Collins, It doesn’t work! Do you have another solution?

6

I fixed it. You need to find the exact area in the css code that says that and change it to

@media only screen and (min-width:769px){
.product-single__sticky{ position:relative !important;
top:20px