Picture above header

Store Design
, , ,
1

Hi I have a small issue with a picture going above the header on one of my page.
It also happen on mobile.

Is there a way to keep the header always on the top layer so the picture wont go over it?

Artez_1-1750072067479.png
Artez_1-1750072067479.png389×689 293 KB

Artez_0-1750072024439.png
Artez_0-1750072024439.png1237×588 701 KB

https://wmqgez-r2.myshopify.com/pages/video-creation-editing

Warm regards.

2

Hello @Artez

Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.ai-hero-section-aaeday04xrlvas1vlvaigenblock77d6c76mytx8t {
z-index: 1;
}

result

46.png
46.png850×483 481 KB

If this was helpful, hit the like button and accept the solution.
Thanks

3

Hello there

Please add that CSS in base.css file

.section-header.shopify-section-group-header-group {
z-index: 9;
}
4

@Artez

Please set Z index Zero or one, and it will solve this problem of your Shopify store

.ai-hero-content-aaeday04xrlvas1vlvaigenblock77d6c76mytx8t {

  1. position: relative;
  2. z-index: 0;
  3. width: 100%;
  4. max-width: 1200px;
  5. margin: 0 auto;
  6. display: grid;
  7. grid-template-columns: 1fr 400px;
  8. gap: 40px;
  9. align-items: center;

}

Thanks
Krishangtechnolab
Shopify development Agency

5

please paste this code in the end of base.css file.

hero-section-aaeday04xrlvas1vlvaigenblock77d6c76mytx8t.ai-hero-section-aaeday04xrlvas1vlvaigenblock77d6c76mytx8t {
    z-index: 1;
}
6

thank you very much!

7

Happy to help-you.