Overlapping Product information and materials

Store Design
1

When you scroll down on my website the product information and quantity overlap with the material and dimensions drop boxes

Im using the Theme Dawn

Does anyone know how to stop this from happening

2

Screenshot 2022-09-03 at 15.29.14.png
Screenshot 2022-09-03 at 15.29.14.png3360×2100 385 KB

3

Hi @jodi_or ,

It looks like your container is losing the height. You website is password protected. Can we have the password of your website so we can take a look?

4

its :

ahtwun

5

Hi @jodi_or ,

It looks like the main-product.liquid under section is broken.

If you haven’t made any changes to your product page, follow the instructions below to restore to its original code.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Section folder, and find the main-product.liquid file.
  3. Click current, see image below then to Original

made4Uo_0-1662313733559.png
made4Uo_0-1662313733559.png2777×1575 375 KB

If you already have several changes, you can fix the overlapping by following the instructions below

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.
@media screen and (min-width: 750px){
.product__info-container.product__info-container--sticky {
    position: unset
}
}
6

That worked!!

Thank you so much