You must make sure that you set a different CSS ID for each slider if displaying multiple sliders on a page. You can set the CSS ID for your slider under ‘Slider Style’ in your slider settings.
Yes, I have put different CSS ID for the slider. I have only one slider on the homepage that contains 3 slides, one is showing and the other two are blank.
Please can you provide me a link to the page in question so I can investigate the issue on your site.
Looking at the page link you provided, you are getting a JavaScript error – see:
https://i.imgur.com/hIMMf5j.png
To view the JavaScript console on your browser (Chrome or Firefox), press CTRL+SHIFT+J keys together.
This JS error seems to be generated by the file ‘frontend.min.js’ within your Astra theme. As a test you could try switching to another theme (temporarily & then switch back after) to see if the 3 sliders display within another theme.
Not working with another theme as well. Right now I have activated 2021 default theme
Weird, now you are getting another JavaScript error being generated by your 2021 theme – see:
https://i.imgur.com/pNKb7iH.png
Are you running any optimization or caching plugins on your site – if so try disabling these as they could be causing an issue.
Something is causing JavaScript to break on your site – you should not be getting any JS errors. It may be a process of trial-and-error to try identify the plugin thats the culprit – deactivate all plugins and see if the JS error disappears, and then activate each plugin one-by-one (testing for the JS error between each activation).
