A menu or element disappears at smaller widths

The symptom. A navigation menu works perfectly at full width, then vanishes entirely once the design reaches tablet size or narrower. Nothing was deleted, and the element still exists in the project.

What causes it

The element was hidden at that breakpoint, usually without meaning to.

The confusion is understandable: it is easy to assume hiding something is a canvas convenience, a way to get it out of your way while you work. It is not. Hiding an element at a breakpoint is a style, and styles ship. The element disappears for your visitors at that width too.

How to find it

  1. Move the slider to the width where the element vanishes.
  2. Open the Inspector pane and look near the top of the page tree for the element, often the icon toggle that opens a dropdown menu.
  3. Check the hidden-items count for that breakpoint. The person who reported this found theirs under “Hide 2 items in this breakpoint”.
  4. Restore visibility for that breakpoint.

Getting it right next time

Two controls hide things, and they behave differently:

  • Display: None removes the element and the space it took.
  • Visibility: Hidden hides it but keeps that space.

Both are per-breakpoint styles, and both apply to the published site.