Component Browser
BrowseBuild
Home/Browse/Navbar 19

Navbar 19

ImageAccordion1 ColumnCards132 nodes ยท 37 styles
Navbar 19

Description

Full-screen mobile menu overlay combining large navigation links with categorized secondary link columns.

Detailed Analysis

This comprehensive mobile navigation divides content into two distinct zones. The left side features eight prominent navigation links in a 4x2 grid with bold typography for primary pages. The right side organizes secondary links into four categorized columns (Column One through Four), each containing five links for deeper site navigation. The bottom left includes contact information (phone, email, address) and social media icons. The layout maximizes content density while maintaining clear visual hierarchy through typography size differentiation.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mobile menufull-screencategorized navigationtwo-zone layoutsecondary linkscolumn organizationsocial iconscontact info20 linkscomprehensivebold typographyorganized navigation

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1690",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-416",
              "playInReverse": false,
              "autoStopEventId": "e-1691",
              "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|bddcf2bf-6d47-5588-2813-5c4b8cd12cc9",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|bddcf2bf-6d47-5588-2813-5c4b8cd12cc9",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1665739997099,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-1691",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-417",
              "playInReverse": false,
              "autoStopEventId": "e-1690",
              "affec
... (truncated)