Component Browser
BrowseBuild
Home/Browse/Navbar 27

Navbar 27

ImageAccordionBackground Image94 nodes ยท 46 styles
Navbar 27

Description

Mega menu dropdown with two category columns and two side-by-side collection promotional cards.

Detailed Analysis

This mega menu balances category navigation with dual promotional spaces. Two 'Product categories' columns on the left list ten category links (five each) for product browsing. The right side features two identical dark grey 'Collection' cards positioned side-by-side, each containing a collection title, descriptive paragraph, and outlined 'View all' button. The dual card layout enables promoting two collections simultaneously, ideal for seasonal campaigns or complementary product lines.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mega menuproduct categoriesdual collections10 categoriestwo columnspromotional cardsside-by-sidedark cardse-commercecollection promoseasonalcampaigns

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4219",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-898",
              "playInReverse": false,
              "autoStopEventId": "e-4220",
              "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|aa9e5296-7562-4d18-f0de-430b0e06d431",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|aa9e5296-7562-4d18-f0de-430b0e06d431",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4220",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-899",
              "playInReverse": false,
              "autoStopEventId": "e-4219",
              "affec
... (truncated)