Mega Menu help

Permalink February 01, 2019 at 6:40 PM

So im developing a site that uses a mega menu.

The main menu has normal links, normal drop downs and the has a mega menu style drop down.

1. How would I get this to work in concrete5. Current menu is being done with AutoNav
2. Can I get each part of the mega menu to show only pages that use specific templates

The HTML of the menu would be something like :

<ul>
      <li>Page</li>
      <li>Page with dropdown
         <ul>
            <li>Sub page</li>
         </ul>
      </li>
      <li>Mega Menu Drop Down
         <div class="mega-menu-wrap">
            <div class="left section">
               <ul>
                  <li>Sub page</li>
               </ul>
            </div>
            <div class="middle section">

Viewing 15 lines of 27 lines. View entire code block.

 
   <ul>
      <li>Page</li>
      <li>Page with dropdown
         <ul>
            <li>Sub page</li>
         </ul>
      </li>
      <li>Mega Menu Drop Down
         <div class="mega-menu-wrap">
            <div class="left section">
               <ul>
                  <li>Sub page</li>
               </ul>
            </div>
            <div class="middle section">
               <ul>
                  <li>Sub page</li>
               </ul>
            </div>
            <div class="right section">
               <ul>
                  <li>Sub page</li>
               </ul>
            </div>
         </div>
      </li>
   </ul>

See the attached image of what the menu is supposed to look like.

1 Attachment

Post Reply

Delete Post

You are allowed to delete your post for 5 minutes after it's posted.

Delete

Mark Post as Spam

Are you sure you would like to mark this post as spam?

Mark as Spam

Destroy Spammer

This script will report this post as spam and add a permanent IP ban for this user, type "DESTROY" below to continue.

DESTROY SPAMMER

Sign In?

You must have a user account and be signed to perform this action.

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.

Forums

Themes