Component Browser
BrowseBuild
Home/Browse/Navbar 16

Navbar 16

Image1 ColumnCards44 nodes ยท 24 styles
Navbar 16

Description

Full-screen mobile menu overlay with large centered navigation links, social icons, and contact link.

Detailed Analysis

This mobile navigation component presents a full-screen overlay menu experience. The header contains the logo on the left with a CTA button and close icon on the right. Navigation links are displayed vertically in large, bold typography centered on the screen (Link One through Link Six). The footer area includes a contact link on the left and a row of social media icons (Facebook, Instagram, X, LinkedIn, YouTube) on the right. Clean white background with black text creates high contrast.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mobile menufull-screenoverlayhamburger menucentered linkssocial iconsvertical navigationlarge typographyresponsivemobile navoff-canvascontact

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1682",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-412",
              "playInReverse": false,
              "autoStopEventId": "e-1683",
              "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|e58fc928-efa4-ea32-0352-8f310aa3e41c",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|e58fc928-efa4-ea32-0352-8f310aa3e41c",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1665739963007,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-1683",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-413",
              "playInReverse": false,
              "autoStopEventId": "e-1682",
              "affec
... (truncated)