
Full-screen mobile menu overlay combining large navigation links with categorized secondary link columns.
This comprehensive mobile navigation divides content into two distinct zones. The left side features eight prominent navigation links in a 4x2 grid with bold typography for primary pages. The right side organizes secondary links into four categorized columns (Column One through Four), each containing five links for deeper site navigation. The bottom left includes contact information (phone, email, address) and social media icons. The layout maximizes content density while maintaining clear visual hierarchy through typography size differentiation.
Copy and paste directly into Webflow Designer
{
"meta": {
"droppedLinks": 0,
"dynBindRemovedCount": 0,
"unlinkedSymbolCount": 0,
"paginationRemovedCount": 0,
"dynListBindRemovedCount": 0
},
"type": "@webflow/XscpData",
"payload": {
"ix1": [],
"ix2": {
"events": [
{
"id": "e-1690",
"name": "",
"action": {
"id": "",
"config": {
"delay": 0,
"easing": "",
"duration": 0,
"actionListId": "a-416",
"playInReverse": false,
"autoStopEventId": "e-1691",
"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|bddcf2bf-6d47-5588-2813-5c4b8cd12cc9",
"appliesTo": "ELEMENT",
"styleBlockIds": []
},
"targets": [
{
"id": "6540ac58fa7ea7efe56967ef|bddcf2bf-6d47-5588-2813-5c4b8cd12cc9",
"appliesTo": "ELEMENT",
"styleBlockIds": []
}
],
"createdOn": 1665739997099,
"eventTypeId": "NAVBAR_OPEN",
"mediaQueries": [
"main",
"medium",
"small",
"tiny"
],
"animationType": "preset"
},
{
"id": "e-1691",
"name": "",
"action": {
"id": "",
"config": {
"delay": 0,
"easing": "",
"duration": 0,
"actionListId": "a-417",
"playInReverse": false,
"autoStopEventId": "e-1690",
"affec
... (truncated)