Component Browser
BrowseBuild
Home/Browse/Navbar 32

Navbar 32

Image1 ColumnCards69 nodes ยท 39 styles
Navbar 32

Description

Left-side slide-in mobile menu panel with navigation links, contact information, and social icons.

Detailed Analysis

This mobile navigation slides in from the left side of the screen as a half-width panel. The header displays the logo on the left with close X button positioned on the far right. Six navigation links stack vertically with bold, large typography optimized for touch interaction. Contact details (phone, email, address) appear at the bottom along with five social media icons. The right half shows the underlying page content, creating a drawer-style navigation experience.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mobile menuslide-inleft panelhalf-widthdrawer navigation6 linkscontact infosocial iconsvertical stacktouch-friendlyoverlaybold

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4243",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-922",
              "playInReverse": false,
              "autoStopEventId": "e-4244",
              "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|57df22da-45bf-23e0-50c2-af6056b80316",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|57df22da-45bf-23e0-50c2-af6056b80316",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4244",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-923",
              "playInReverse": false,
              "autoStopEventId": "e-4243",
              "affec
... (truncated)