Navbar 6

ImageAccordion167 nodes · 55 styles

Description

A mega menu navbar with three organized page groups featuring icons and descriptions, plus a featured blog sidebar with single article preview.

Detailed Analysis

Expanded mega menu showing 4-column layout: three page group columns (4 pages each with icons and descriptions) plus a featured blog sidebar. Each page link has a small icon and supporting description text. The blog section shows one featured article with large thumbnail, title, description, and 'Read more' link, plus a 'See all articles' navigation. Standard navbar header with logo, links, and dual CTAs. Ideal for content-rich sites needing organized navigation with editorial highlights.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

navbarmega-menunavigationthree-columnpage-groupsiconsfeatured-blogarticle-previeworganized-naventerprisecontent-richeditorialstructured-nav

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-313",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-64",
              "playInReverse": false,
              "autoStopEventId": "e-2568",
              "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|0b2eb086-fbed-3b2d-29c1-6bf5646977f9",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|0b2eb086-fbed-3b2d-29c1-6bf5646977f9",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1643037916440,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-314",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-65",
              "playInReverse": false,
              "autoStopEventId": "e-2546",
              "affectedE
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-313", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-64", "playInReverse": false, "autoStopEventId": "e-2568", "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|0b2eb086-fbed-3b2d-29c1-6bf5646977f9", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "6540ac58fa7ea7efe56967ef|0b2eb086-fbed-3b2d-29c1-6bf5646977f9", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1643037916440, "eventTypeId": "NAVBAR_OPEN", "mediaQueries": [ "main", "medium", "small", "tiny" ], "animationType": "custom" }, { "id": "e-314", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-65", "playInReverse": false, "autoStopEventId": "e-2546", "affectedE ... (truncated)