Как сделать так, чтобы jPanelMenu НЕ заставляло все идти вправо?

Question

Я использую jpanelmenu, все работает нормально, но есть ли способ, чтобы он не сдвигал весь контент вправо, а вместо этого перекладывал

объяснение будет похоже на меню Youtube, которое отображается при нажатии кнопки рядом с логотипом Youtube. В меню все лежит.

Вопрос: есть ли способ, чтобы он не сдвигал весь контент вправо, а вместо этого перекладывал его?

Получил весь код отсюда

мое jpanelmenu: jsfiddle

код:

<script type="text/javascript" src="http://jpanelmenu.com/jquery.jpanelmenu.js"></script>

        <input class="menu-trigger" type="button" value="M">

            <div class="wrap">
                <ul id="menu">
                    <li><a href="/">Overview</a></li>
                    <li><a href="#usage">Usage</a></li>
                    <li><a href="#inner-workings">Inner-Workings</a></li>
                    <li><a href="#animation">Animation</a></li>
                    <li><a href="#options">Options</a></li>
                    <li><a href="#api">API</a></li>
                    <li><a href="#tips">Tips &amp; Examples</a></li>
                    <li><a href="#about">About</a></li>
                </ul>
                </div>

        <script type="text/javascript">
            $(document).ready(function () {
                var jPM = $.jPanelMenu();
                jPM.on();
            });
        </script>
        <style>
        .wrap{
            display:none;


        }
        </style>
    <script type="text/javascript">

        var jPM = $.jPanelMenu();
    jPM.on();

    </script>

Answer 1

Задавать .wrap{ position:fixed; } смотри мой пример.