Header overlaps Main Content

[Bearz]

Hello, this is my store (bearzie.myshopify.com), and I have a problem in it where the Hearder that is sticky, overlaps the Main Content. Is like the Header and the Main Content both starts in the top, but the Main Content should start below the Header.

For example when I scroll down in the product page, since the images are also sticky, the header overlaps them — it’s as if the header has no weight or strength, so it stays on top of everything.

Also, I want to make the Announcement Bar always sticky above the Header, but I can’t get it to work no matter what I try.

Thank you very much

[wo]

In the theme code editor, search for section-main-product.css file, find .product__column-sticky, and change the top value to 10rem.

[Bearz]

Thank you so much, this works!!

And do you know how to make the Scrolling Text / Announcement Bar always sticky?

[wo]

There are more codes to modify, so it is difficult to tell you how to modify them.