Slider functionalities not working / unresponsive

Hi,
Is there any issue with slider? Because it is not responsive anymore, it was working fine few days ago. But today I was trying to add more slides and trying to keep background image size contain but it is not effective. Could you please look into this.

Thanks!
Best Regards,
Ahtesham

Hello,

Could you please send me access to the site that has those problems?

Looking forward to collaborating with you.

Kind Regards

Yes, please I attached the login details below. In slider section you will find only one that includes 3 slides I have set contain to Background image size for Desktop which is not reflecting on the front end. I tried by removing cache memory too. Please have a look.

Attachments:

You must be logged in to view attached files.

Hello,

The issue is related to the negative margin that you defined for the slider element: https://prnt.sc/JfTF0mmNA77j

That is why the image is not fully shown.

Kind Regards

Hi,
The link you sent above is not working. Secondly, I removed the negative margin from Slider element on homepage but images are still zoomed in.

Thanks!

Hello,

Sorry for the delay.

May I disable 3rd party plugins for testing?

Looking forward to hearing back from you!

Kind Regards

Hi,
It’s alright, please you are allowed to disable third party plugins and please fix this ASAP.

Thanks.
Best Regards,
Ahtesham

Hello,

In the settings of the Slider, you have selected “Distortion” Slide change animation – https://prnt.sc/gXWH9scciPBE, this animation does not accept values ​​for background – https://prnt.sc/KyB3lEYvj8_9, it always worked that way.

So to make it work as you want, you need to change the Slide change animation, e.g. set the “Fade” and then recheck the issue

Kind Regards

Hi,
I don’t get the logic, there is not any value set for background so I don’t understand why other animation is working except distortion.
Secondly, considering your recommendation I selected fade animation now I can see the proper image but there is too much gap between header and the slider element. How can it be reduced without negative margin.
Thanks!
Best Regards,
Ahtesham

Hello,

The “Distortion” animation has only the default “cover” value and it cannot be overridden via these options: https://prnt.sc/NDyw9_OD91ru

2. That padding (above slider) is important for all the Woocommerce templates, in order to remove it from the home page you need to add this negative margin to the first section if you use Elementor https://prnt.sc/uhivji

Thank you for your question! We appreciate you reaching out to us.

Kind Regards

Alright! no worries, I got you now. Sorry to say all the screenshot links above not working.
May I adjust negative margin accordingly, without any problem.

Thanks!

Sorry, uploaded screenshots via another service:

1. https://gyazo.com/6d9187ff0c1aef2d21c11c80d0ae266a

2. https://gyazo.com/39034b575e441ef21dd5292edc026240

Yep, you can just give -40 margin top and that space will gone.

Kind Regards

Alright! thanks for the prompt reply. I will try with -40. Thanks!

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot.

Have a good day!

Kind Regards

[Author]

Posts