Figma — desktop
Matches the Figma frame 348-4753 and is what visual_diff measures at 1440. Two links and a button, with only the button set to Always visible on mobile.
Variant — everything behind the menu button
Four links and a button, none of them set to Always visible on mobile, so below 960px the whole menu collapses behind the menu button. Not a Figma reference.
Variant — button always visible on mobile
The same four links, with the button set to Always visible on mobile, so below 960px it sits in the header row next to the menu button while the links stay in the panel. Not a Figma reference.
Variant — nothing left to collapse
One link and one button, both set to Always visible on mobile. With nothing left in the panel the menu button is not rendered at all. Not a Figma reference.
Variant — a middle link always visible on mobile
Only Resources, the second of the four links, is set to Always visible on mobile, so on a phone it sits in the header row while the other three links and the button stay in the panel. At 960px and up the row still reads News, Resources, Solutions, About, Contact Us. Not a Figma reference.
Variant — a dropdown always visible on mobile
Resources carries two submenu links and is the only child set to Always visible on mobile, so on a phone it stays in the header row and its submenu opens as the same white dropdown card it uses on desktop instead of in flow. Not a Figma reference.
Variant — a button and nothing else
One button set to Always visible on mobile and no links at all, so there is nothing to collapse and no menu button at any width. Not a Figma reference.
Variant — several links always visible, the button collapsed
News, Resources and Solutions are all set to Always visible on mobile and the button is not, so on a phone the header row carries the three links beside the menu button and the panel holds only the button. Three links plus the menu button overflow a 390px viewport. Not a Figma reference.