Component Browser
BrowseBuild
Home/Browse/Navbar 31

Navbar 31

Image1 ColumnCards69 nodes ยท 39 styles
Navbar 31

Description

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

Detailed Analysis

This mobile navigation slides in from the right side of the screen as a half-width panel. The header shows the logo on the left with a close X button on the right. Six navigation links are displayed vertically in a single column with bold, large typography for easy tapping. The bottom section includes contact information (phone number as link, email as link, physical address) and a row of five social media icons (Facebook, Instagram, X, LinkedIn, YouTube). The left side remains visible as dimmed background content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mobile menuslide-inright panelhalf-width6 linkscontact infosocial iconsvertical navigationclose buttonoverlaytouch-friendlybold typography

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4245",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-924",
              "playInReverse": false,
              "autoStopEventId": "e-4246",
              "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|a3d0d77a-f7f2-b65f-c08b-50487437fb8b",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|a3d0d77a-f7f2-b65f-c08b-50487437fb8b",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4246",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-925",
              "playInReverse": false,
              "autoStopEventId": "e-4245",
              "affec
... (truncated)