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

Solved

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

AryavK
Trailblazer
266 9 43

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.

 

Screenshot 2024-02-12 at 7.16.54 PM.png

This is what  it looks like because of it

 

www.faithandyou.in

 

Thanks

faith&you
Accepted Solutions (2)

Spac-es
Shopify Partner
406 119 153

This is an 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:result.PNG

 

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!

View solution in original post

Spac-es
Shopify Partner
406 119 153

This is an accepted solution.

Add !important to z-index: 1;

z-index: 1 !important;

 

 

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!

View solution in original post

Replies 7 (7)

Spac-es
Shopify Partner
406 119 153

This is an 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:result.PNG

 

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!
AryavK
Trailblazer
266 9 43

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

faith&you
Spac-es
Shopify Partner
406 119 153

This is an accepted solution.

Add !important to z-index: 1;

z-index: 1 !important;

 

 

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!
AryavK
Trailblazer
266 9 43

THANK YOU SO MUCH!

faith&you
AryavK
Trailblazer
266 9 43

YOU ARE GOATED🐐

faith&you

tim
Shopify Partner
3911 395 1440

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

main#MainContent {
  z-index: 1;
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
AryavK
Trailblazer
266 9 43

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

faith&you