How can I increase the z-index of the header in Dawn Theme?

[AryavK]

See, I need to make slideshow dots clickable, and I have managed to. But I can only make it clickable with z-index. And the min z-index to make it clickable is 3. So I need a way to keep it clickable and not let it overflow on the header. So that is why I need to increase the z-index of the header. Hope you understand now.

This is what  it looks like because of it

www.faithandyou.in

Thanks

[Spac-es · Accepted solution]

Add this code in your base.css:

section#shopify-section-template--15651735601240__75743119-5a88-4893-a94f-b8ec72fe682e {
  position: relative !important;
  z-index: 1;
}

Result:

[Spac-es · Accepted solution]

Add this code in your base.css:

section#shopify-section-template--15651735601240__75743119-5a88-4893-a94f-b8ec72fe682e {
  position: relative !important;
  z-index: 1;
}

Result:

[AryavK]

Unfortunately it did not work😔 Do you want access to my store? What is your gmail

[Spac-es · Accepted solution]

Add !important to z-index: 1;

z-index: 1 !important;

[AryavK]

THANK YOU SO MUCH!

[AryavK]

YOU ARE GOATED🐐

[tim]

Try setting implicit z-index on the element which contains all page sections:

main#MainContent {
  z-index: 1;
}

[AryavK]

nvm, the goat @Spac-es  solved it. though thanks for your help. appreciate it g