Sticky header bug

Store Design
1

Hello. I need help with my website. I can’t get the header to stay sticky (although in the options I already have it selected so that it stays sticky)
I suppose something is blocking that function since also within the products I want the information to remain fixed when scrolling and I can’t do it either.

What could it be?

website: lukeando.uy

5
6

On a product page you have this in section-main-product.css:

@media screen and (min-width: 750px) {
  .product__column-sticky {
    display: block !important;
    position: sticky !important;
    top: 3rem !important;
    z-index: 3 !important;
    align-self: flex-start;
  }

z-index: 3 !important; makes your product sections on the same “level” as stick header and they cover the header.

Judging by the !importants it’s not a part of original theme code. Do not think assigning z-index there is needed.

Either make your header z-index higher, or remove this z-index from the product section elements.