
Navigation with right-aligned dropdown featuring two organized page groups totaling eight links with icons.
This navbar extends the standard dropdown pattern with a two-column organization, grouping eight page links into logical categories. Each link includes an icon and descriptive text, making it easy for users to find relevant sections. The dual-group structure works well for sites with distinct product lines or content areas. Consistent spacing and visual hierarchy guide users through the expanded navigation options.
Copy and paste directly into Webflow Designer
{
"meta": {
"droppedLinks": 0,
"dynBindRemovedCount": 0,
"unlinkedSymbolCount": 0,
"paginationRemovedCount": 0,
"dynListBindRemovedCount": 0
},
"type": "@webflow/XscpData",
"payload": {
"ix1": [],
"ix2": {
"events": [
{
"id": "e-365",
"name": "",
"action": {
"id": "",
"config": {
"delay": 0,
"easing": "",
"duration": 0,
"actionListId": "a-136",
"playInReverse": false,
"autoStopEventId": "e-2006",
"affectedElements": {}
},
"instant": true,
"actionTypeId": "GENERAL_START_ACTION"
},
"config": {
"loop": false,
"delay": null,
"effectIn": null,
"direction": null,
"playInReverse": false,
"scrollOffsetUnit": null,
"scrollOffsetValue": null
},
"target": {
"id": "6540ac58fa7ea7efe56967ef|506b3773-4f70-4969-ebb2-1a670082d2d6",
"appliesTo": "ELEMENT",
"styleBlockIds": []
},
"targets": [
{
"id": "6540ac58fa7ea7efe56967ef|506b3773-4f70-4969-ebb2-1a670082d2d6",
"appliesTo": "ELEMENT",
"styleBlockIds": []
}
],
"createdOn": 1643669590905,
"eventTypeId": "NAVBAR_OPEN",
"mediaQueries": [
"main",
"medium",
"small",
"tiny"
],
"animationType": "preset"
},
{
"id": "e-366",
"name": "",
"action": {
"id": "",
"config": {
"delay": 0,
"easing": "",
"duration": 0,
"actionListId": "a-137",
"playInReverse": false,
"autoStopEventId": "e-1993",
"affecte
... (truncated)