I am not able to click in some parts of product slider

[swayurindia]

I am not able to click in some parts of the product slider. You can refer to the below screenshots you will come to know:

I am not able to click on any products in between the arrows area.

There is z-index problem over here.

[laddisahsi]

Hi @swayurindia 

You can follow the following steps:

1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. And add the following code in theme.liquid file above the </head> tag

<style>
slider-component.slider-mobile-gutter.slider-component-desktop li {
    z-index: 8 !important;
}
.collection .slider-component-desktop .slider-buttons {
    z-index: 9 !important;
}
</style>

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

[swayurindia]

Not working..

[David_SHT]

Hi @swayurindia 

.collection .slider-component-desktop .slider-buttons{
    overflow: visible!important;
}
.collection .slider-component-desktop .slider-button.slider-button--prev{
left: 10px;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[swayurindia]

Not working

[ealkawasmi]

Where to paste this code in which file?

[ealkawasmi]

I have the same issue and am wondering if someone can solve this issue