My Webflow site has a Gallery section which displays a series of images.
In desktop mode the Gallery is displayed as a Slider Widget. For all other screen sizes the Gallery is displayed as Lightbox thumbnails.
I'm experience some unusual behaviour. If I load the website initially with tablet dimensions the Lightbox thumbnails display correctly (Image 1). However if I then scale that same browser session horizontally, displaying the desktop site, the Slider Widget Gallery only displays the first photo without slide navigation. Pressing the arrows doesn't display the next image. (Image 2)
The site works correctly if I first load the page in desktop mode then scale the browser session down horizontally to tablet mode, then up again to desktop mode. (Image 3)
The use case is for a iPad Mini. If a user loads the website initially in portrait mode then rotates the device to landscape the Gallery Slider doesn't display correctly.
See the images below:
Any ideas what the issue could be here?
This is my first Webflow site and I'm enjoying the design process so far.