
Left-side slide-in mobile menu panel with navigation links, contact information, and social icons.
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.
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-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)