Skip to content
Grav 2.0 is officially stable. Read the announcement →
Archive

LightSlider responsiveness

Started by Muut Archive 10 years ago · 6 replies · 633 views
10 years ago

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

10 years ago

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.

TXT

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

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

YAML

lightslider:
  slider_type: text
  item: 3
  responsive:
    breakpoint: 800
    settings:
      item: 2
    breakpoint: 480
    settings:
      item: 1
---
9 years ago

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

Suggested topics

Topic Participants Replies Views Activity
Archive · by Deleted User, 9 years ago
0 1338 9 years ago
Archive · by Muut Archive, 9 years ago
2 927 9 years ago
Archive · by Muut Archive, 9 years ago
2 4056 9 years ago
Archive · by Muut Archive, 9 years ago
1 2941 9 years ago
Archive · by Muut Archive, 9 years ago
3 1112 9 years ago