Component Browser
BrowseBuild
Home/Browse/Navbar 17

Navbar 17

Image1 ColumnCards48 nodes ยท 24 styles
Navbar 17

Description

Full-screen mobile menu with right-aligned stacked navigation links separated by horizontal dividers.

Detailed Analysis

This mobile navigation overlay features a distinctive right-aligned layout for all navigation links. Eight links (Link One through Link Eight) are stacked vertically with horizontal divider lines between each item, creating clear visual separation. The header maintains logo left, CTA button and close icon right. Large bold typography ensures easy readability and tap targets. Footer includes contact link and social icons row. The right alignment creates an unconventional but elegant look.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mobile menufull-screenright-aligneddividersstacked linksvertical listhorizontal linesoverlaybold typographyeight linkselegantdistinctive

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1706",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-428",
              "playInReverse": false,
              "autoStopEventId": "e-1707",
              "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|9bfa4940-8ad3-fb63-175c-4720e84ca72b",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|9bfa4940-8ad3-fb63-175c-4720e84ca72b",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1665740076965,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-1707",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-429",
              "playInReverse": false,
              "autoStopEventId": "e-1706",
              "affec
... (truncated)