MenusLesson 45Free preview

Mega Menu

This lesson is part of How To · All levels

Summary

This lesson reviews the creation of the Mega Menu. Mega menus are a tiered dropdown navigation panel that stretches across a full page with several category columns, promotional images, and a very rich array of links, commonly found on large-scale e-commerce sites.

Key points

Mega menu extends full using position: absolute; left: 0; width: 100%
Split content into several columns alongside each other using CSS Float, Flexbox, or Grid
Capable of accommodating description text, list of sub-category links, and promotional graphic banners
Provides a comprehensive overview of the entire catalog of websites in one intuitive interaction

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.