Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Render slider fails / disappears on mobile devices #392

Open
VittorioMorellini opened this issue May 11, 2023 · 4 comments
Open

Render slider fails / disappears on mobile devices #392

VittorioMorellini opened this issue May 11, 2023 · 4 comments

Comments

@VittorioMorellini
Copy link

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:

  1. Go to interpreta.sixtema.it
  2. Click on go the desktop version and you see that the slider is showing
  3. 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
  4. The project is Next.js 12 and the slider is fetched client side
  5. 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

@jagdish0809
Copy link

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?

@Dirie
Copy link

Dirie commented Nov 20, 2023

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.

@gryzel1
Copy link

gryzel1 commented May 10, 2024

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.

@anubhavadarsh
Copy link

anubhavadarsh commented Jun 11, 2024

any updates on this, my carousel is not visible in desktop initially but on resizing the screen and going to mobile view it re-appears.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants