ARN Section Tabs is a Vendix Pro Elementor widget that turns containers already on the page into tabs: each tab shows the container whose CSS ID it names and hides the others. It offers eight navigation presets, its own navigation for tablets and phones, and arrives with three restaurant menu tabs.

Pro · Navigation & Interaction · All widgets

Each example below is the same widget with a different Navigation Preset setting. Select a tab to show its section underneath.

Plain tab labels on a line; the selected tab gets an underline and text in the active color.

Fully rounded tab labels; the selected tab is filled with the active color and its text turns white.

Served from 7:30 to 11:00: granola with yogurt, eggs on toast and fresh orange juice.

From 12:00 to 15:00: soup of the day, three salads and a warm grilled sandwich.

From 18:00 to 22:00: a seasonal three-course menu, with a vegetarian choice every night.

Each tab is a bordered button with a soft shadow, and the selected button is filled with the active color.

Served from 7:30 to 11:00: granola with yogurt, eggs on toast and fresh orange juice.

From 12:00 to 15:00: soup of the day, three salads and a warm grilled sandwich.

From 18:00 to 22:00: a seasonal three-course menu, with a vegetarian choice every night.

The tabs sit together inside one bordered frame, and the selected tab is filled with the active color.

Served from 7:30 to 11:00: granola with yogurt, eggs on toast and fresh orange juice.

From 12:00 to 15:00: soup of the day, three salads and a warm grilled sandwich.

From 18:00 to 22:00: a seasonal three-course menu, with a vegetarian choice every night.

The tabs stand in a column with a line along their start edge; the selected tab's line and text take the active color.

Served from 7:30 to 11:00: granola with yogurt, eggs on toast and fresh orange juice.

From 12:00 to 15:00: soup of the day, three salads and a warm grilled sandwich.

From 18:00 to 22:00: a seasonal three-course menu, with a vegetarian choice every night.

Each tab becomes a card at least 140 px wide with a shadow, its icon above the title.

Served from 7:30 to 11:00: granola with yogurt, eggs on toast and fresh orange juice.

From 12:00 to 15:00: soup of the day, three salads and a warm grilled sandwich.

From 18:00 to 22:00: a seasonal three-course menu, with a vegetarian choice every night.

Text-only tabs without borders or fill; only the selected tab's text takes the active color.

Served from 7:30 to 11:00: granola with yogurt, eggs on toast and fresh orange juice.

From 12:00 to 15:00: soup of the day, three salads and a warm grilled sandwich.

From 18:00 to 22:00: a seasonal three-course menu, with a vegetarian choice every night.

The two tab titles sit on both sides of a toggle, for choices such as Monthly / Yearly.

Served from 7:30 to 11:00: granola with yogurt, eggs on toast and fresh orange juice.

From 12:00 to 15:00: soup of the day, three salads and a warm grilled sandwich.

  • Needs: containers on the same page whose CSS ID (Advanced → CSS ID) matches each tab's Target Section ID. In the editor the widget names the IDs it cannot find yet; without JavaScript every section stays visible.
  • Tablet and phone navigation: Scrollable Tabs, Dropdown or Vertical Stack for each; tablets scroll and phones show a dropdown by default.
  • Tab labels: a custom number and an icon for each tab, with Show Numbers, Show Icons and Equal Width Tabs switches, and the tab that opens first.
  • Switch Style: Round Toggle, Square Toggle or Segmented (labels inside) for the Switch preset.
  • Address and scrolling: URL Hash Support is on by default, so a link to a section's ID opens its tab; Scroll to Content can move the page to the section with an offset.
  • Sticky navigation: the tab bar can stick on desktop, tablet and phone, reset the scroll position on a tab change and show a "Content continues below" indicator.
  • Keyboard: the left and right arrow keys, Home and End move between the tabs.

Reviewed against Vendix Pro 1.13.0 · Last updated 21 October 2026