LightSlider responsiveness

Archive
1

How would I go about enabling responsiveness in LightSlider using the page’s frontmatter, or is that possible at the moment?

2

I think it’s just working by default?

3

I guess I just can’t format the settings for break points correctly in the frontmatter & couldn’t find examples…

4

A line break in markdown is usually 2 spaces at the end of the line: http://markdown-guide.readthedocs.io/en/latest/basics.html#line-return

Not sure how that will play with YAML frontmatter though.

5

Stuck on the same thing. What Janne is asking for is how do you translate this into frontmatter. I have tried every combination of spacing and formatting and cannot get the breakpoints to work.

.lightSlider({
        item:4,
        responsive : [
            {
                breakpoint:800,
                settings: {
                    item:3,
                  }
            },
            {
                breakpoint:480,
                settings: {
                    item:2,
                  }
            }
        ]
    });  
---
6

If tabs are not allowed, this should work. Two spaces per indentation? No luck either way. Thanks

lightslider:
  slider_type: text
  item: 3
  responsive:
    breakpoint: 800
    settings:
      item: 2
    breakpoint: 480
    settings:
      item: 1
---
7

Has anyone had any luck with this? Stuck with the same issue.