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
  • #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

    #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!

    #2347
    dashtoo
    Participant

    Thanks a lot!
    Works fine 🙂

    D.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?