question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Responsive not working after breakpoint

See original GitHub issue

The plugin is awesome 😄 thanks! I’m trying to set up an slider, but I’m having trouble with the responsive option. When I load with a wider with than the breakpoint it works well until I resize below the breakpoint and the slider disappears. If I load the screen with a smaller width than the breakpoint the slider never shows up, even when I resize pass the breakpoint. Codepen here! I’ve tryed adding mobileFirst: true and switching the settings, and things get even worse. Starting from mobile looks ok, but after the breakpoint the slides overlay. Codepen here too!

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

13reactions
maksimsvoitkevicscommented, Jan 17, 2020

I don’t if this will help anyone, but what fixed this for me, was adding user-scalable=no into viewport meta tag.

0reactions
simeydotmecommented, Feb 7, 2016

Sorry for the problems with grids/rows. We will do our best to sort these out in a major update.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Responsive breakpoints not working for slick slider
I have implemented slick slider which works fine without resizing the browser. But when I resize the browser to 1024 then the responsive...
Read more >
Responsive breakpoints not working properly [#2764631]
I've set up breakpoints for responsive design which say that for screens below 768px, the carousel should display only one slide.
Read more >
responsive.breakpoints
breakpoints. Since: Responsive Responsive 1.0.0. Set the breakpoints for a Responsive instance. Please note - this property requires the Responsive extension ...
Read more >
How To Use CSS Breakpoints For Responsive Design
The most challenging part is to select the CSS media query breakpoints. There are no standard rules or syntax since different frameworks use ......
Read more >
Customizing Screens
Customizing the default breakpoints for your project. ... and are not limited to following the sm / md / lg / xl /...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found