Reply To: Multiple columns in menu, dropdown not work

Home Forums Older releases 0.9.x Multiple columns in menu, dropdown not work Reply To: Multiple columns in menu, dropdown not work

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

Register

You will be emailed a link to set your password.

Login

Lost password?