Q: What should i do to change the position of parent elements and their child elements in menubar?

Ans: For instance,Your front office view is:

Front office view

Here, if you want to replace the position of 'Manufacture' with 'Home', first you need to go to the 'Smart Mega Menu' site of your back office where the appearance is

Back office view

Now you need to drag and drop the parent element 'Home' with 'Manufacture' in your back office site; but remember, if you directly drag and drop the 'Home' with its child materials then nothing will be changed in your front office view as you need.

Drag & Drop selecting Manufacture with its child elements

Nothing has changed in front office view

To overcome this dilemma, you need to follow the subsequent steps

Step 1: you have to convert all child elements to parent elements under 'Home' & 'Manufacture' by dragging & dropping.

Step 2: then you need to interchange the positions of Home & Manufacture ( also their child elements) by dragging & dropping.

Step 3: now you need to reset all of child elements under their parent elements

At this moment, if you refresh the front office page then the modified view will be observed which you wanted.

.