Component Browser
BrowseBuild
Home/Browse/Navbar 28

Navbar 28

ImageAccordionBackground Image94 nodes ยท 46 styles
Navbar 28

Description

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

Detailed Analysis

This mega menu maximizes promotional impact with three collection cards. A single 'Product categories' column on the left provides five category links for navigation. The remaining width displays three identical dark grey 'Collection' cards in a horizontal row, each featuring collection title, description paragraph, and outlined 'View all' button. This layout prioritizes promotional content over category depth, ideal for showcasing multiple collections, brands, or seasonal themes prominently.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mega menutriple collections5 categoriesthree cardspromotional rowdark cardse-commercecollection showcaseminimal categorieshorizontal layoutbrand showcasefeatured

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4225",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-904",
              "playInReverse": false,
              "autoStopEventId": "e-4226",
              "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|66a1852a-8c9b-b455-2616-f6bbf88ef85f",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|66a1852a-8c9b-b455-2616-f6bbf88ef85f",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4226",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-905",
              "playInReverse": false,
              "autoStopEventId": "e-4225",
              "affec
... (truncated)