Render slider fails / disappears on mobile devices
VittorioMorellini opened this issue · 4 comments
Prerequisite
Before you submit a feature request or report a bug to be fixed, make sure you have stared this repository. A donation is also welcomed
Describe the bug
the slider on mobile device, tablet and smartphone disappears
To Reproduce
Steps to reproduce the behavior:
- Go to interpreta.sixtema.it
- Click on go the desktop version and you see that the slider is showing
- If you open the Developer tool and in the Device frame you select the tablet or the smartphone the slider is visible the first time. But if change page or you press F5 the slider disappear
- The project is Next.js 12 and the slider is fetched client side
- See error
Expected behavior
Why the slider disappear? it should not disappear
Screenshots
If applicable, add screenshots to help explain your problem.
Additional context
Add any other context about the problem here.
Reproduction
interpreta.sixtema.it, the behaviour is visible on the homer page. On the desktop is ok, but it the tablet is ok only the fisrt time if you come form a desktop view, if you change page the slider disappear
I am facing the issue I have implemented in my react app the carousel slider is visible in desktop screen but when I inspect the app and switch to mobile device screen the carousel is initially visible but now if refresh the page the content disappers..
Why?
I'm also experiencing the same issue, have you fixed it yet. When I run the app, In Desktop renders well but In Moible (only real device), the whole carousel disappears. Tried to downgrade the version even, nothing is changed. Any solutions please.
Hello,
I had the same issue and figured that it was happening because my breakpoints were misconfigured.
mobile: {
breakpoint: { max: 767, min: 0 },
items: 1,
slidesToSlide: 1
}
By default my "min" value was 464, but after replacing it by 0 everything works fine for me now.
Hope it helps.