Slider works incorrect in mobile mode

Hello,
I’ve checked on your website and debugged the issue and found you have written the custom CSS for our plugin and it’s creating issues with the slider sliding.
Please remove the following CSS from your custom CSS.??

.nickx-slider-nav .nslick-list {
	display: flex;
	justify-content: center;
}

Thank You.

Thank you. It works

Dear NikHiL Gadhiya I need your help again.

Please go to this page

https://edmi-com-ua.tesovii.space/product/ergotouch-form-d-fig-9-600-d/

on your mobile device

I click on element to see slide in fancybox

When I closed image in fancybox, I returns to slide. But Image in slide is bigger then before

Please, advice how to solve this problem. Thanks

Hello,
I’ve looked into our plugin, and it seems the problem isn’t originating from it. To troubleshoot, could you try removing your custom CSS and see if that resolves the issue? Additionally, please disable the picture tag generation for gallery images.

Thank You.

Sir, I disabled the picture tag generation for gallery images.
But I cant remove all our css.

one additional thing

https://edmi-com-ua.tesovii.space/product/ergotouch-form-d-fig-9-600-d/

I detect problem when product has 1 slide

if product has 2+ slides – no such problem

See also TOPvision FS Rhodium №2,№6,№7,№8 ? 18,26,28,30 мм (720) – EDMI (tesovii.space)

(Here 3 slides)

• This reply was modified 7 months, 2 weeks ago by buldog52.

Hello @buldog52,
I’ve checked on your website and found the issue is creating your custom CSS.
To debug the issue please remove your custom CSS one by one and check.
Also add !important in your custom CSS that overwrite after lightbox closed.

Thank your for you advice.

My problem was solved by css:
@media(max-width:767px) {
.single-produt__content .nickx-slider-for .nslick-list {
min-width: 100%;
}
}

@media(max-width:767px) {
.single-produt__content .nickx-slider-for {
    padding: 0;
}
.single-produt__content .nickx-slider-for .nslick-list {
min-width: 100%;
}
}