Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I make slideshow dots clickable without affecting the header in DAWN theme 12.0.0?

Solved

How can I make slideshow dots clickable without affecting the header in DAWN theme 12.0.0?

AryavK
Trailblazer
256 9 43

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
618 59 146

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

 

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ

View solution in original post

PaulMartin
Shopify Partner
618 59 146

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

 

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ

View solution in original post

Replies 8 (8)

PaulMartin
Shopify Partner
618 59 146

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

 

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ
AryavK
Trailblazer
256 9 43

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
618 59 146

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

 

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ
AryavK
Trailblazer
256 9 43

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
618 59 146

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
}
contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ
AryavK
Trailblazer
256 9 43

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

faith&you
PaulMartin
Shopify Partner
618 59 146

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.

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ
AryavK
Trailblazer
256 9 43

thank you for all your help though, i fixed it 

faith&you