Component Browser
BrowseBuild
Home/Browse/Navbar 25

Navbar 25

ImageAccordion75 nodes ยท 39 styles
Navbar 25

Description

Mega menu dropdown with product category columns, products section, and large featured image.

Detailed Analysis

This e-commerce mega menu organizes product navigation through category lists. Two 'Product categories' columns on the left display ten category links (five each) for browsing different product types. The center contains a 'Products' section with heading, descriptive text, and 'View all' button for the main products page. A large grey product image placeholder dominates the right side, providing visual interest and promotional space. The clean layout prioritizes category discovery.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mega menuproduct categoriescategory navigation10 categoriesfeatured imagee-commercetwo columnsview allpromotional spacecategory listsproduct browsingorganized

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4207",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-886",
              "playInReverse": false,
              "autoStopEventId": "e-4208",
              "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|2c4f25af-5194-06cd-e272-9612ffc5f787",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|2c4f25af-5194-06cd-e272-9612ffc5f787",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4208",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-887",
              "playInReverse": false,
              "autoStopEventId": "e-4207",
              "affec
... (truncated)