Как в bootstrape сделать выезжающее меню в мобильной версии?

Question

[akula22]

Вверху две кнопки, одна выводит main меню слева

<ul class="nav pull-left notifcation-center visible-xs" id="main-menu-toggle-wrapper">
                    <li class="dropdown">
                        <a id="main-menu-toggle" href="#main-menu">
                            <div class="iconset top-menu-toggle-white"></div>
                        </a>
                    </li>
                </ul>

вторая должна выводить юзер меню справа.

<ul class="nav pull-right notifcation-center visible-xs" id="user-menu-toggle-wrapper">
                    <li class="dropdown">
                        <a id="user-menu-toggle" href="#user-menu">
                            <div class="iconset top-home"></div>
                        </a>
                    </li>
                </ul>

дальше в коде так
main menu

<div class="page-sidebar" id="main-menu">
            <div class="page-sidebar-wrapper scrollbar-dynamic" id="main-menu-wrapper">
                <?=WidgetMainMenu::widget() ?>
                <div class="clearfix"></div>
            </div>
        </div>

все отлично работает, а вот так же делаю для юзер меню и оно не пашет

<div class="page-sidebar" id="user-menu">
            <div class="page-sidebar-wrapper scrollbar-dynamic" id="user-menu-wrapper">
                <?= UserMenu::widget() ?>
                <div class="clearfix"></div>
            </div>
        </div>

То есть оно выезжает справа, но там черный экран и все, как мне туда юзер меню разместить?

Answer 1

[Артем Кайбагоров]

Z-index проверить

Comments

[akula22]

не помогает,
вот нажимаю на иконку и выезжает справа, но менюхи нет, как ее туда запихнуть?