This example illustrates the 6 menu styles that can be used on your website. Each style of menu can be laid out horizontally or vertically. Some menu styles work better with a horizontal layout and others work better with a vertical layout. We've included the most common configurations that you would typically use on a website.
Horizontal Expanded
- Getting Started Series
- Lesson 1: Website Overview
- Lesson 2: Sign In and Pilot Access
- Lesson 3: Pilot Breadcrumb Bar
- Lesson 4: Pilot Sitemap
- Lesson 5: Pilot Find Tool
- Lesson 6: Pilot ACE
- Lesson 7: Pilot ACE Detail Tool
- Lesson 8: Pilot ACE Detail Tool Items List
- Lesson 9: Pilot ACE Detail Tool New Item Types
- Lesson 10: Pilot ACE Detail Tool Clipboard
- Lesson 11: Pilot ACE Recycle Bin
- Lesson 12: Pilot ACE Menu Bar
- Lesson 13: Pilot ACE Tools
- Lesson 14: Pilot ACE Tool Editor
- Lesson 15: Pilot ACE Tool Contents
- Lesson 16: Pilot ACE Parts Palette
- Lesson 17: Content Element Basics
- Lesson 18: Base Content Types
- Lesson 19: Text Content Element
- Lesson 20: Article Content Element
- Lesson 21: Page Content Element
- Lesson 22: Navigation Content Element
- Lesson 23: Subsite Content Element
- Lesson 24: SEO Content Element
- Lesson 25: Organizing Web Pages
- Lesson 26: Content Layout Basics
- Lesson 27: Grid Layout Column Sizes
- Lesson 28: Section Content Element
- Lesson 29: Embedded Links
- Lesson 30: Button Links
- Lesson 31: Button Colors
- Lesson 32: Button Layout / Organization
- How To Lessons
- Getting Started Series
- Gizmo Input Field Series
- How To Center a Content Element
- How To Use a Menu Content Element
- How does content respond
- How to add a headline through the content view element
- How to add a new page to your website
- How to change the accordion configuration
- How to change the aside positioning
- How to change the menu style and layout
- How to configure a responsive menu
- How to connect background images
- How to create a download folder
- How to create edge to edge content
- How to customize the CSS for your website
- How to edit my home page
- How to embed videos in a web page
- How to replace YouTube suggested videos
- How to expand a grid
- How to position one content element on top of another
- How to reorder web pages
- How to sign in to your website
- How to unpublish and publish content
- How to use off canvas menus
- How to use visibility classes
- Upgrading to release 8.6
- When to use blank labels
- When to use canonical URLs
- Web Application Development Series
- Common Terms
- Website Tips
- Working Examples
- Accordion Layout
- Blank Labels
- Center a Content Element
- Accordion Layout
- Centering Options
- Conditional Requirement
- Connected Background Images
- Edge to Edge Backgrounds
- Expanded Grid Rows
- Input Form
- Input Radio Group
- Input Date
- Menu Options
- Open Off Canvas Menus
- Pulling Content
- Pushing Content
- Responsive Content
- Responsive Menu
- SVG Image
- Visibility Classes
- Horizontal Alignment
Horizontal Dropdown
- Getting Started Series
- Lesson 1: Website Overview
- Lesson 2: Sign In and Pilot Access
- Lesson 3: Pilot Breadcrumb Bar
- Lesson 4: Pilot Sitemap
- Lesson 5: Pilot Find Tool
- Lesson 6: Pilot ACE
- Lesson 7: Pilot ACE Detail Tool
- Lesson 8: Pilot ACE Detail Tool Items List
- Lesson 9: Pilot ACE Detail Tool New Item Types
- Lesson 10: Pilot ACE Detail Tool Clipboard
- Lesson 11: Pilot ACE Recycle Bin
- Lesson 12: Pilot ACE Menu Bar
- Lesson 13: Pilot ACE Tools
- Lesson 14: Pilot ACE Tool Editor
- Lesson 15: Pilot ACE Tool Contents
- Lesson 16: Pilot ACE Parts Palette
- Lesson 17: Content Element Basics
- Lesson 18: Base Content Types
- Lesson 19: Text Content Element
- Lesson 20: Article Content Element
- Lesson 21: Page Content Element
- Lesson 22: Navigation Content Element
- Lesson 23: Subsite Content Element
- Lesson 24: SEO Content Element
- Lesson 25: Organizing Web Pages
- Lesson 26: Content Layout Basics
- Lesson 27: Grid Layout Column Sizes
- Lesson 28: Section Content Element
- Lesson 29: Embedded Links
- Lesson 30: Button Links
- Lesson 31: Button Colors
- Lesson 32: Button Layout / Organization
- How To Lessons
- Getting Started Series
- Gizmo Input Field Series
- How To Center a Content Element
- How To Use a Menu Content Element
- How does content respond
- How to add a headline through the content view element
- How to add a new page to your website
- How to change the accordion configuration
- How to change the aside positioning
- How to change the menu style and layout
- How to configure a responsive menu
- How to connect background images
- How to create a download folder
- How to create edge to edge content
- How to customize the CSS for your website
- How to edit my home page
- How to embed videos in a web page
- How to replace YouTube suggested videos
- How to expand a grid
- How to position one content element on top of another
- How to reorder web pages
- How to sign in to your website
- How to unpublish and publish content
- How to use off canvas menus
- How to use visibility classes
- Upgrading to release 8.6
- When to use blank labels
- When to use canonical URLs
- Web Application Development Series
- Common Terms
- Website Tips
- Working Examples
- Accordion Layout
- Blank Labels
- Center a Content Element
- Accordion Layout
- Centering Options
- Conditional Requirement
- Connected Background Images
- Edge to Edge Backgrounds
- Expanded Grid Rows
- Input Form
- Input Radio Group
- Input Date
- Menu Options
- Open Off Canvas Menus
- Pulling Content
- Pushing Content
- Responsive Content
- Responsive Menu
- SVG Image
- Visibility Classes
- Horizontal Alignment
Vertical Accordion
- Getting Started Series
- Lesson 1: Website Overview
- Lesson 2: Sign In and Pilot Access
- Lesson 3: Pilot Breadcrumb Bar
- Lesson 4: Pilot Sitemap
- Lesson 5: Pilot Find Tool
- Lesson 6: Pilot ACE
- Lesson 7: Pilot ACE Detail Tool
- Lesson 8: Pilot ACE Detail Tool Items List
- Lesson 9: Pilot ACE Detail Tool New Item Types
- Lesson 10: Pilot ACE Detail Tool Clipboard
- Lesson 11: Pilot ACE Recycle Bin
- Lesson 12: Pilot ACE Menu Bar
- Lesson 13: Pilot ACE Tools
- Lesson 14: Pilot ACE Tool Editor
- Lesson 15: Pilot ACE Tool Contents
- Lesson 16: Pilot ACE Parts Palette
- Lesson 17: Content Element Basics
- Lesson 18: Base Content Types
- Lesson 19: Text Content Element
- Lesson 20: Article Content Element
- Lesson 21: Page Content Element
- Lesson 22: Navigation Content Element
- Lesson 23: Subsite Content Element
- Lesson 24: SEO Content Element
- Lesson 25: Organizing Web Pages
- Lesson 26: Content Layout Basics
- Lesson 27: Grid Layout Column Sizes
- Lesson 28: Section Content Element
- Lesson 29: Embedded Links
- Lesson 30: Button Links
- Lesson 31: Button Colors
- Lesson 32: Button Layout / Organization
- How To Lessons
- Getting Started Series
- Gizmo Input Field Series
- How To Center a Content Element
- How To Use a Menu Content Element
- How does content respond
- How to add a headline through the content view element
- How to add a new page to your website
- How to change the accordion configuration
- How to change the aside positioning
- How to change the menu style and layout
- How to configure a responsive menu
- How to connect background images
- How to create a download folder
- How to create edge to edge content
- How to customize the CSS for your website
- How to edit my home page
- How to embed videos in a web page
- How to replace YouTube suggested videos
- How to expand a grid
- How to position one content element on top of another
- How to reorder web pages
- How to sign in to your website
- How to unpublish and publish content
- How to use off canvas menus
- How to use visibility classes
- Upgrading to release 8.6
- When to use blank labels
- When to use canonical URLs
- Web Application Development Series
- Common Terms
- Website Tips
- Working Examples
- Accordion Layout
- Blank Labels
- Center a Content Element
- Accordion Layout
- Centering Options
- Conditional Requirement
- Connected Background Images
- Edge to Edge Backgrounds
- Expanded Grid Rows
- Input Form
- Input Radio Group
- Input Date
- Menu Options
- Open Off Canvas Menus
- Pulling Content
- Pushing Content
- Responsive Content
- Responsive Menu
- SVG Image
- Visibility Classes
- Horizontal Alignment
Vertical Drilldown
- Getting Started Series
- Getting Started Series
- Lesson 1: Website Overview
- Lesson 2: Sign In and Pilot Access
- Lesson 3: Pilot Breadcrumb Bar
- Lesson 4: Pilot Sitemap
- Lesson 5: Pilot Find Tool
- Lesson 6: Pilot ACE
- Lesson 7: Pilot ACE Detail Tool
- Lesson 8: Pilot ACE Detail Tool Items List
- Lesson 9: Pilot ACE Detail Tool New Item Types
- Lesson 10: Pilot ACE Detail Tool Clipboard
- Lesson 11: Pilot ACE Recycle Bin
- Lesson 12: Pilot ACE Menu Bar
- Lesson 13: Pilot ACE Tools
- Lesson 14: Pilot ACE Tool Editor
- Lesson 15: Pilot ACE Tool Contents
- Lesson 16: Pilot ACE Parts Palette
- Lesson 17: Content Element Basics
- Lesson 18: Base Content Types
- Lesson 19: Text Content Element
- Lesson 20: Article Content Element
- Lesson 21: Page Content Element
- Lesson 22: Navigation Content Element
- Lesson 23: Subsite Content Element
- Lesson 24: SEO Content Element
- Lesson 25: Organizing Web Pages
- Lesson 26: Content Layout Basics
- Lesson 27: Grid Layout Column Sizes
- Lesson 28: Section Content Element
- Lesson 29: Embedded Links
- Lesson 30: Button Links
- Lesson 31: Button Colors
- Lesson 32: Button Layout / Organization
- How To Lessons
- How To Lessons
- Getting Started Series
- Gizmo Input Field Series
- How To Center a Content Element
- How To Use a Menu Content Element
- How does content respond
- How to add a headline through the content view element
- How to add a new page to your website
- How to change the accordion configuration
- How to change the aside positioning
- How to change the menu style and layout
- How to configure a responsive menu
- How to connect background images
- How to create a download folder
- How to create edge to edge content
- How to customize the CSS for your website
- How to edit my home page
- How to embed videos in a web page
- How to replace YouTube suggested videos
- How to expand a grid
- How to position one content element on top of another
- How to reorder web pages
- How to sign in to your website
- How to unpublish and publish content
- How to use off canvas menus
- How to use visibility classes
- Upgrading to release 8.6
- When to use blank labels
- When to use canonical URLs
- Web Application Development Series
- Common Terms
- Website Tips
- Working Examples
- Working Examples
- Accordion Layout
- Blank Labels
- Center a Content Element
- Accordion Layout
- Centering Options
- Conditional Requirement
- Connected Background Images
- Edge to Edge Backgrounds
- Expanded Grid Rows
- Input Form
- Input Radio Group
- Input Date
- Menu Options
- Open Off Canvas Menus
- Pulling Content
- Pushing Content
- Responsive Content
- Responsive Menu
- SVG Image
- Visibility Classes
- Horizontal Alignment
Vertical Nested
- Getting Started Series
- How To Lessons
- Common Terms
- Website Tips
- Working Examples
- Accordion Layout
- Blank Labels
- Center a Content Element
- Accordion Layout
- Centering Options
- Conditional Requirement
- Connected Background Images
- Edge to Edge Backgrounds
- Expanded Grid Rows
- Input Form
- Input Radio Group
- Input Date
- Menu Options
- Open Off Canvas Menus
- Pulling Content
- Pushing Content
- Responsive Content
- Responsive Menu
- SVG Image
- Visibility Classes
- Horizontal Alignment