Vertical Tabs

Organize longer content into interactive sections.

Key Takeaways

  • Enable Multiple Content Items to create multiple tabs.
  • Column settings are not needed; format spacing and alignment as desired.
  • Optional elements (Eyebrow, Heading, Description, Buttons) are supported.
  • Add tabs using the block editor:
  1. Title displays as the tab label (desktop) and moves into content on mobile
  2. Content supports text, links, images, and formatting
  3. Icon (required for mobile) serves as the tab button and uses Font Awesome

Best Practices

  • Keep tab titles short and clear for easy navigation.
  • Always include an icon to ensure proper mobile functionality.
  • Organize content logically across tabs to avoid overwhelming users.
  • User formatting (bullets, headings, spacing) to improve readability within each tab.
Top