ARN Section Slider is a Vendix Pro Elementor widget that shows containers already on the page one at a time as slides, each named by its CSS ID. It offers four pagination types, arrows on the sides or beside the pagination, and arrives with three project steps: Plan, Build and Launch.

Pro · Navigation & Interaction · All widgets

Each example below is the same widget with a different Pagination Type setting. Use the arrows or the pagination to move between the sections.

A row of small round dots, one per slide; the current slide's dot takes the active color.

1/3

The goals, the scope and a timeline are agreed and written down in one short brief.

The work is done in small steps, and each step is shown and checked before the next one starts.

The result goes live, and a short review a few weeks later shows what to improve.

Round buttons with each slide's number, 01, 02 and 03 in the sample; the current number sits on the active color in white.

1/3

The goals, the scope and a timeline are agreed and written down in one short brief.

The work is done in small steps, and each step is shown and checked before the next one starts.

The result goes live, and a short review a few weeks later shows what to improve.

A counter such as 1 / 3 that shows the current slide and the number of slides.

1/3

The goals, the scope and a timeline are agreed and written down in one short brief.

The work is done in small steps, and each step is shown and checked before the next one starts.

The result goes live, and a short review a few weeks later shows what to improve.

A thin 160 px bar that fills in the active color as the visitor moves through the slides.

1/3

The goals, the scope and a timeline are agreed and written down in one short brief.

The work is done in small steps, and each step is shown and checked before the next one starts.

The result goes live, and a short review a few weeks later shows what to improve.

  • Needs: containers on the same page whose CSS ID (Advanced → CSS ID) matches each slide's Target Section ID. In the editor the widget names the IDs it cannot find yet; without JavaScript every section stays visible.
  • Arrows: Content Sides — Center (by default, on the sides of the shown section), Top Navigation, Bottom Navigation or Beside Pagination. On tablets and phones side arrows move next to the pagination.
  • Pagination Position: Top, Bottom, Overlay — Top or Overlay — Bottom; the pagination can also be hidden.
  • Motion: Loop, Autoplay with a delay from 1,000 ms (5,000 ms by default) that pauses while the pointer is over the widget, and swipe on touch screens.
  • First load animation: Fade up (default), Fade, Zoom or None for the first slide's content; visitors who ask for reduced motion see it without movement.
  • Address and keyboard: URL Hash Support (off by default) opens the slide whose section ID is in the address; the left and right arrow keys, Home and End move between slides.

Reviewed against Vendix Pro 1.13.0 · Last updated 21 October 2026