Question 1

What is a CSS dropdown menu?

Accepted Answer

A CSS dropdown menu is a navigation element that reveals a list of links when the user hovers over or clicks a trigger. It is commonly used in nav bars, settings panels and context menus.

Question 2

Can I make a dropdown without JavaScript?

Accepted Answer

Yes. Hover dropdowns work with pure CSS using the :hover pseudo-class. Click dropdowns use the checkbox/input technique or the details element. This generator outputs both hover and click variants.

Question 3

How do I add more menu items?

Accepted Answer

Click the Add Item button. Each item is a label that can link anywhere. You can add dividers by typing a dash as the label.

Question 4

Is the generated dropdown responsive?

Accepted Answer

The dropdown uses absolute positioning with a min-width so it adapts to content. On mobile you may want to convert it to an accordion — the generated CSS is a clean starting point.