Customize Menu
By following several steps, you can customize the navigation menu of your theme to suit your website's structure and content. You can modify your theme files with simple code to make proper customizations in the navigation menu across your website.
To do so, open Arolax in your editor and go to the location first. Then utilize the below code:
Location
- navigation.json
Change Header Menu
"header": [
{
"name": "Home",
"path": "/"
},
{
"name": "About",
"path": "/about"
},
{
"name": "Contact",
"path": "/contact"
}
]with dropdown
"header": [
{
"name": "Home",
"path": "/"
},
{
"name": "About",
"path": "/about"
},
{
"name": "Page",
"path": "#",
"hasChildren": true,
"children": [
{
"name": "Team",
"path": "/team"
},
{
"name": "Pricing",
"path": "/pricing"
}
]
},
{
"name": "Contact",
"path": "/contact"
}
]Change Footer Menu
For Normal menu
"footer": [
{
"name": "About",
"path": "#"
},
{
"name": "Careers",
"path": "#"
},
{
"name": "Journal",
"path": "#"
},
{
"name": "Contact",
"path": "#"
},
{
"name": "System",
"path": "#"
}
]With children
"footer": [
{
"title": "Company",
"children": [
{
"name": "About",
"path": "#"
},
{
"name": "Careers",
"path": "#"
}
]
},
{
"title": "Product",
"children": [
{
"name": "Live Chat",
"path": "#"
},
{
"name": "Jirogram",
"path": "#"
}
]
}
]