Component Browser
BrowseBuild
Home/Browse/Navbar 29

Navbar 29

ImageAccordionBackground Image109 nodes ยท 46 styles
Navbar 29

Description

Mega menu dropdown with single category column and four collection promotional cards in a row.

Detailed Analysis

This mega menu maximizes promotional real estate with four collection cards. A single 'Product categories' column on the left provides five essential category links. The majority of the dropdown displays four identical dark grey 'Collection' cards arranged horizontally, each featuring collection title, description text, and outlined 'View all' button. This layout strongly emphasizes promotional content and collections, ideal for showcasing seasonal themes, brands, or curated selections prominently in navigation.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mega menufour collections5 categoriesquad cardspromotional rowdark cardse-commercecollection showcaseminimal categorieshorizontal layoutmaximum promotioncurated

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4231",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-910",
              "playInReverse": false,
              "autoStopEventId": "e-4232",
              "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|55650505-c4fb-c7e6-8f8c-8df3b58ee723",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|55650505-c4fb-c7e6-8f8c-8df3b58ee723",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4232",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-911",
              "playInReverse": false,
              "autoStopEventId": "e-4231",
              "affec
... (truncated)