New to Kendo UI for jQuery? Start a free 30-day trial

Breakpoint

configuration

Specifies the page width at which the widget will be hidden and its toggle button will become visible.

breakpoint

Number

Default: 640

<nav id="navigation">
    <a href="#">Home</a>
    <a href="#">Products</a>
</nav>

<article>
    <button class="k-rpanel-toggle"><span class="k-icon k-i-menu"></span></button>

    Content
</article>

<script>
    $("#navigation").kendoResponsivePanel({
        breakpoint: 1020
    });
</script>