After
Before
Menu overview page
Menu edit page

This module allows to add some menu items inside another menu item. This is very useful for creating mega menus.

Features

  • Add new option "Attach to" on menu item edit page.
  • Display attached menu items inside another item.
  • Hide attached items from their normal position.

Markup before

<ul>
  <li><a href="/">Home</a></li>
  <li>
  <a href="/">Level 1</a>
  <ul>
    <li>
      <a href="/">Level 2</a>
      <ul>
        <li><a href="/">Level 3</a></li>
        <li><a href="/">Level 3</a></li>
      </ul>
    </li>
    <li>
      <a href="/">Level 2</a>
      <ul>
        <li><a href="/">Level 3</a></li>
        <li><a href="/">Level 3</a></li>
      </ul>
    </li>
  </ul>
  </li>
</ul>

Markup after

<ul>
  <li><a href="/">Home</a></li>
  <li>
  <a href="/">Level 1</a>
  <ul>
    <li>
      <a href="/">Level 2</a>
      <ul>
        <li><a href="/">Level 3</a></li>
        <li><a href="/">Level 3</a></li>
      </ul>
      <a href="/">Level 2</a>
      <ul>
        <li><a href="/">Level 3</a></li>
        <li><a href="/">Level 3</a></li>
      </ul>
    </li>
  </ul>
  </li>
</ul>

Dependencies

Menu module (core)

Installation and configuration

  1. Download this module and unpack into sites/all/modules/contrib. See documentation for details.
  2. Enable this module.
  3. Go to your menu (Main menu, for example) and click 'edit' link on which menu item you want to attach to another.
  4. Select in 'Attach to' option menu item where you want to attach this item.

Sponsor

This module was developed for IvTextil.ru website.

Project information

Releases