Menu Flyout

Flyouts provide additional functionality and content within different contexts. They can house quick links, profile information, and settings, offering additional contextual features without cluttering the main interface.

The Troubleshooting page helps when there are layout issues.

Contextual flyout

Regular menus, or ‘flyouts’, are used to reveal functionality that’s behind an icon other than the navigation, such as settings and preferences, or glance views of your basket. 
It also includes two different contextual flyouts: one for navigation links and the other for Call to Action (CTA) items.

Contextual flyout with CTA items

 

Flyout with HTML content

These menus can display various types of content, such as text, and should be given a suitable width. They are responsive, adjusting their size on mobile devices. Profile menus are more complex, as they can handle up to three types of content at once, often including titles or headings to explain their purpose.