you can find some code here which can be used for navigation using web content structure and template :
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s5zvtDzDCx-dIzoX0L0VPUcG2yb2M42ECDIdjduSz0Q1yIe9V3Y_iMf1IxFb0BhaaYDD1x31POTUJnjuhbg79DulVX0dtznICCAQ2xGMZVnu4hzA2kiuo93zq5wDFr2Z5zaZrnjqT4WbOG8-DOG4CnqL9PmluRdfyTjRg=s0-d)
Structure
<root available-locales="en_US" default-locale="en_US"> <dynamic-element dataType="string" indexType="keyword" name="nav" readOnly="false" repeatable="true" required="false" showLabel="true" type="text" width="small"> <dynamic-element dataType="string" indexType="keyword" name="navurl" readOnly="false" repeatable="false" required="false" showLabel="true" type="text" width="small"> <meta-data locale="en_US"> <entry name="label"> <![CDATA[URL]]> </entry> <entry name="predefinedValue"> <![CDATA[]]> </entry> <entry name="tip"> <![CDATA[]]> </entry> </meta-data> </dynamic-element> <dynamic-element dataType="string" indexType="keyword" name="subnav" readOnly="false" repeatable="true" required="false" showLabel="true" type="text" width="small"> <dynamic-element dataType="string" indexType="keyword" name="subnavurl" readOnly="false" repeatable="false" required="false" showLabel="true" type="text" width="small"> <meta-data locale="en_US"> <entry name="label"> <![CDATA[Sub Navigation URL]]> </entry> <entry name="predefinedValue"> <![CDATA[]]> </entry> <entry name="tip"> <![CDATA[]]> </entry> </meta-data> </dynamic-element> <meta-data locale="en_US"> <entry name="label"> <![CDATA[Sub Navigation Menu]]> </entry> <entry name="predefinedValue"> <![CDATA[]]> </entry> <entry name="tip"> <![CDATA[]]> </entry> </meta-data> </dynamic-element> <meta-data locale="en_US"> <entry name="label"> <![CDATA[Main Navigation Menu]]> </entry> <entry name="predefinedValue"> <![CDATA[]]> </entry> <entry name="tip"> <![CDATA[]]> </entry> </meta-data> </dynamic-element> </root>