Menus

Menus are perfect for top level navigation, IgnitedCMS ships with two menu components the main menu and the mobile menu. These can be configured easily in the component settings.

<mega-menu v-cloak title="Login" logo="" 
   url="https://www.ignitedcms.com">
   <menu-items title="Resources" children="yes">
      <menu-item 
         title="Documentation" 
         icon="" 
         url="">
      </menu-item>
     
      </menu-item>
      <menu-item 
         title="Ignited CSS" 
         icon="" 
         url="">
      </menu-item>
      <menu-item
         title="Ignited JS"
         icon=""
         url="">
      </menu-item>
   </menu-items>
   <menu-items 
      title="Blog" 
      url="">
   </menu-items>
   <menu-items 
      title="Contact" 
      url="">
   </menu-items>
</mega-menu>

To add a menu that only shows on mobile is simple to:-

<mobile-menu v-cloak title="Login" logo="" 
   url=https://www.ignitedcms.com">
   <mobile-menu-items 
      title="Resources" 
      url="" 
      children="yes">
      <div class="menu-item-block">
         <ul>
            <li>
               <a href="" >Documentation</a>
            </li>
            <li>
               <a href="">Ignited CSS</a>
            </li>
            <li>
               <a href="">Ignited JS</a>
            </li>
         </ul>
      </div>
   </mobile-menu-items>
   <mobile-menu-items 
      title="Blog"
      url="">
   </mobile-menu-items>
   <mobile-menu-items 
      title="Contact"
      url="">
   </mobile-menu-items>
</mobile-menu >