If you create a full-width slider on mobile (1 slide per view), users might not realize there is more content. They might think it’s just a single hero image. A visual “hint” or “peek” is crucial for usability.
To solve this, use Div Render Container Slider for Elementor.
Step 1: The Magic Number
In your Slider Settings, switch to the Mobile view.
Instead of setting Slides Per View to 1, set it to 1.2 or 1.5.
Step 2: Explanation
This fractional setting forces the slider to show the full first slide and 20-50% of the second slide. This cutoff effect is the universal design language for “Horizontal Scroll Available”.
Pro Tips for Peeking
- Centered Slides: If you prefer the active item in the middle, use
Slides Per View: 1.4and enableCentered Slides. This shows small slivers of the previous and next slides on both sides.