How to make menu hidden and show hamburger button on nav header by default.

[Jay]

I have a dashboard page that will be displayed on a larger flat screen TV. I don't what the menu bar showing just the hamburger button on the nav bar. How would I do this for a large screen format. I'm not sure what to change on the kendo-responsivepanel

How do I configure the button to be visible and the responsive-panel to be hidden by default?

 <button id="configure" class="k-rpanel-toggle k-button k-primary btn-toggle">
                <span class="k-icon k-i-menu"></span>
 </button>

....

 <div id="responsive-panel" class="navbar navbar-dark navbar-collapse bg-light mb-4">
        <kendo-responsivepanel name="responsive-panel" auto-close="false" breakpoint="758" orientation="top">
            @(Html.Kendo().Menu()
                        .Name("Menu")
                        .Items(items =>
                        {                          
                            items.Add().Text("Schedule").Action("Index", "Schedule", new { area = "" });
                            items.Add().Text("Locations")
                                .Items(ddl =>
                                {
                                    ddl.Add().Text("Brownwood").Action("Index", "Home", new { locationCode = "BW" });
                                   . . . 
                                });
                        })
            )
           
        </kendo-responsivepanel>
    </div>

[Jay]

I figured it out. Changed the #configure css to display:block and modify the kendo-responsivepanel breakpoint attribute. 

[Tsvetomir]

Hi Jay, I am happy to hear that you have managed to resolve the case on your own. Indeed, it would be very helpful if you could share the modified version of the solution so that if other members of our community lend on this thread, they could take a look at the solution.