Menu

• Menu.js : components/elements/menu/Menu.js . Render menu, you don't need to edit this file.

• Open menu.json public/static/data/menu.json

{
    "text": "name menu",
    "url": "#"
}

Drop down menu

---

{
    "text": "Name drop menu",
    "url": "/",
    "extraClass": "menu-item-has-children",
    "subClass": "sub-menu",
    "subMenu": [
        {
            "text": "sub menu 1",
            "url": "#"
        },
        {
            "text": "sub menu 2",
            "url": "#"
        },
        {
            "text": "sub menu n+1",
            "url": "/#"
        }
    ]
},

Mega menu

---

Each block is 1 column, for example: 4 blocks are 4 columns.

• megaContent:

• megaItems:

• "heading":

• column mega menu:

{
                "text": "Name menu",
                "url": "",
                "extraClass": "menu-item-has-children has-mega-menu",
                "subClass": "sub-menu",
                "mega": "true",
                "megaContent": [
                    {
                        "heading": "name block menu 1",
                        "megaItems": [
                            {
                                "text": "sub menu 1",
                                "url": "#"
                            },
                            {
                                "text": "sub menu 2",
                                "url": "#"
                            }
                        ]
                    },
                    {
                        "heading": "name block menu 2",
                        "megaItems": [
                            {
                                "text": "sub menu 1",
                                "url": "#"
                            },
                            {
                                "text": "submenu 2",
                                "url": "#"
                            }
                        ]
                    }
                ]
            },