Component Browser
BrowseBuild
Home/Browse/Navbar 21

Navbar 21

ImageAccordion1 ColumnCards103 nodes ยท 53 styles
Navbar 21

Description

Mobile menu with navigation links and featured blog content sidebar showcasing article previews.

Detailed Analysis

This mobile navigation integrates content marketing by featuring blog articles alongside navigation. The white left section contains eight bold navigation links in a 4x2 grid with a contact link at the bottom. The grey right sidebar highlights 'Featured from Blog' content with two article cards showing thumbnail images, titles, descriptions, and 'Read more' links, plus a 'See all articles' call-to-action with arrow. Social icons appear at the bottom right. This design promotes content discovery while navigating.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mobile menublog integrationfeatured contentarticle previewssidebarcontent marketing8 linksthumbnailsread moresee allgrey backgrounddiscovery

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1698",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-422",
              "playInReverse": false,
              "autoStopEventId": "e-1699",
              "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|8bc0fd54-c6b9-1e39-910e-d424b7e294c2",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|8bc0fd54-c6b9-1e39-910e-d424b7e294c2",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1665740046574,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-1699",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-423",
              "playInReverse": false,
              "autoStopEventId": "e-1698",
              "affec
... (truncated)