Advanced Slider
Advanced Slider displays slides whose content is built from child elements. Use it when each slide needs its own composition.
Add and configure Advanced Slider
- Click Add, choose Advanced Slider, and place it in the container.
- Use Content > Slides > Add Slide.
- Add the slide's content inside each Advanced Slide child.
- Configure Design > Container, Slider, and Spacing on the parent.
- Save your changes.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Content > Slides
| Setting | Purpose and options | Behavior |
|---|---|---|
| Add Slide | Add the child elements offered for this container. | Shared |
Design > Container
| Setting | Purpose and options | Behavior |
|---|---|---|
| Width | Width. | Responsive |
| Height | Fit Content, Viewport, Custom. | Shared |
| Custom Height | Custom height and unit. When: Height = Custom. | Responsive |
Design > Slider
| Setting | Purpose and options | Behavior |
|---|---|---|
| Slider | slider controls. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
A slide is blank
Check that its Advanced Slide child contains visible content.
The slider controls overlap the slide content
Review the parent Slider and Container settings, then test the longest slide at phone widths.