breakpoint Number (default: 640)

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

Example

<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>
In this article