Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Multiple columns in menu, dropdown not work

Home › Forums › Older releases › 0.9.x › Multiple columns in menu, dropdown not work

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 25, 2015 at 12:01 #2341
    dashtoo
    Participant

    Hello, I have little problem:

    
<ul class="dropdown-menu wide-dropdown-menu-maya">
    <li>
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <ul class="wide-menu"><!-- <-- width this <ul><li> all dropdowns not work, class "wide-menu" is empty -->
                        <li>one</li>
                        <li>two</li>
                        <li>three</li>
                        <li>four</li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    second column
                </div>
                <div class="col-lg-3">
                    third column
                </div>
                <div class="col-lg-3">
                    fourth column
                </div>
            </div>
        </div>
    </li>
</ul>

    When I use in container div ul li dropdown not work,
    when I use container div ol li dropdown work good…
    Please help, thanks

    dashtoo

    March 25, 2015 at 12:33 #2345
    admin
    Keymaster

    Just add the “mega-menu” class to your .dropdown-menu UL element. This will inform the SmartMenus plugin that this is a mega dropdown menu and it might contain any HTML, so the script will neglect any nested UL elements inside it – i.e.:

    <ul class="mega-menu dropdown-menu wide-dropdown-menu-maya">
    <li>
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <ul class="wide-menu"><!-- <-- width this <ul><li> all dropdowns not work, class "wide-menu" is empty -->
                        <li>one</li>
                        <li>two</li>
                        <li>three</li>
                        <li>four</li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    second column
                </div>
                <div class="col-lg-3">
                    third column
                </div>
                <div class="col-lg-3">
                    fourth column
                </div>
            </div>
        </div>
    </li>
</ul>

    Cheers!

    March 25, 2015 at 12:41 #2347
    dashtoo
    Participant

    Thanks a lot!
    Works fine 🙂

    D.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘0.9.x’ is closed to new topics and replies.