Image Carousel Displaying Wrong Images, Navigation Buttons Non-Functional
We have recently updated to the latest version of Elementor (Version 2.7.1).
After adding 24 small PNG images to an image carousel on our home page (183×144, only 40kb in total), the desktop browser is displaying only the first 5, which are stuck, are not sliding (as they previously used to), and the arrows and dots have no functionality (do not slide the carousel when clicked). This is occurring on multiple browsers (Opera, Edge, Chrome).
The most salient issue is when accessing the website using a mobile browser (Opera/Safari Mobile): none of the images uploaded to the carousel are being displayed. Instead, a completely random image hosted on the website is being displayed and is covering the rest of the carousel buttons (the arrows and the dots).
The carousel has the following settings:
Desktop: set to show 5 images per slide and scroll 1 image per slide
Tablet: set to show 3 images per slide and scroll the default number of images (1) per slide
Mobile: set to show 2 images per slide and scroll the default number of images (1) per slide
Additional Options (default, unchanged)
Operating systems used: Windows 10, Android, iOS
Browsers used: Opera Desktop, Microsoft Edge, Google Chrome, Opera Mobile, Opera Mini, Opera Touch, Safari Mobile.
Website cache has been deleted using Autoptimize.
The page I need help with: [log in to see the link]
- The topic ‘Image Carousel Displaying Wrong Images, Navigation Buttons Non-Functional’ is closed to new replies.