Component Browser
BrowseBuild
Home/Browse/Navbar 26

Navbar 26

ImageAccordionBackground Image94 nodes ยท 46 styles
Navbar 26

Description

Mega menu dropdown with three product category columns and a dark collection promotional card.

Detailed Analysis

This comprehensive mega menu provides extensive category navigation with promotional content. Three 'Product categories' columns display fifteen category links total (five per column), enabling deep category exploration. The right side features a dark grey 'Collection' promotional card with white text including collection name, description paragraph, and outlined 'View all' button. The dark card creates visual contrast and draws attention to featured collections or seasonal promotions.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mega menuproduct categories15 categoriesthree columnscollection cardpromotionaldark carde-commercecategory navigationview allcontrastfeatured collection

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4213",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-892",
              "playInReverse": false,
              "autoStopEventId": "e-4214",
              "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|b5b9c316-5699-f757-2eab-1579d3d23fe7",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|b5b9c316-5699-f757-2eab-1579d3d23fe7",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4214",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-893",
              "playInReverse": false,
              "autoStopEventId": "e-4213",
              "affec
... (truncated)