Solved

Header Z-Index - DAWN theme 12.0.0

AryavK
Trailblazer
219 9 29

Hello all,

I have a huge issue,

I need to make the dots on the slideshow clickable but then when i increase the z-index this happens

AryavK_0-1707734595045.png

 

 

Is there anyway to solve this issue without it affecting the header and makinig the dots clickable

 

we need to make header z-index higher

 

referance site: ishalife.sadhguru.org

My site: www.faithandyou.in

 

Pw: i love my father @ FOREVER!

 

Thanks

faith&you
Accepted Solutions (2)

PaulMartin
Shopify Partner
84 10 14

This is an accepted solution.

I don't understand. When visiting the page on my end, it looks good. Can you try visiting the page using a private browser tab or another device?

Pauloo_Martin_0-1707734915023.png

 

You can message me for help 

View solution in original post

PaulMartin
Shopify Partner
84 10 14

This is an accepted solution.

To scream at me is not going to help. Just remove the z-index of your buttons and it will work.

Pauloo_Martin_0-1707735443400.png

 

You can message me for help 

View solution in original post

Replies 8 (8)

PaulMartin
Shopify Partner
84 10 14

This is an accepted solution.

I don't understand. When visiting the page on my end, it looks good. Can you try visiting the page using a private browser tab or another device?

Pauloo_Martin_0-1707734915023.png

 

You can message me for help 
AryavK
Trailblazer
219 9 29

NO! when you scroll down. The dots are on the header because the header z-index is low and the slideshow dots z-index is high. Just tell me how to make header z-index more

faith&you
PaulMartin
Shopify Partner
84 10 14

This is an accepted solution.

To scream at me is not going to help. Just remove the z-index of your buttons and it will work.

Pauloo_Martin_0-1707735443400.png

 

You can message me for help 
AryavK
Trailblazer
219 9 29

sry. I was not screaming at you. The thing is I need to make my slideshow dots clickable so they need to have a z-index a minimum of 3, yet my header z-index it 2. So how do you increase it?

 

Thanks for the quick relply

faith&you
PaulMartin
Shopify Partner
84 10 14

I see. Sorry for the late reply, I ate dinner.

Are you able to locate where your header resides in your theme? You need to be able to select it in order to add the z-index. Or if you already know that you can add this:

header{
z-index: some number you want
}
You can message me for help 
AryavK
Trailblazer
219 9 29

unfortusntely this did not work, do you want access to the store?

faith&you
PaulMartin
Shopify Partner
84 10 14

I'd love to but I won't be able to do it now. I am currently in a middle of something else. So, you might want to find someone else to do, sorry.

You can message me for help 
AryavK
Trailblazer
219 9 29

thank you for all your help though, i fixed it 

faith&you