Best ubication for responsive menubar in a header

[Tomas Rojas]

Wich is the best way for put a responsive sfmenu in a header? Because i have a razor component with a menubar that is responsive, i developed this razor component following instructions and answers in post: https://www.syncfusion.com/forums/159772/menu-bar-functionally-and-visually-similar-to-the-menu-bar-created-with-bootstrap-using

but now, i need that menubar can visualize without problems when hamburguer mode is true, in this mode the all menu items are not displayed.

Code MainLayout.razor in my proyect, the razor component "NavMenu" have the sfmenu

<div class="row align-items-center m-4">

    <div class ="col-2">

        <img src="/img/adsi_nav.png" height="35" alt="" />

    </div>

    <div class="col-10">

        <div class="control-section">

            <NavMenu />

        </div>

    </div>

</div>

<div class="page">

    <div class="main">

        <div>

            @Body

        </div>

    </div>

</div>

Thanks

Best regards

[YuvanShankar Arunagiri]

Hi Thomas,

We unable to replicate the issue in our end. For your reference, please refer the below attached sample and video demonstration.

If you are still facing issue, please share the below details.

• Share the issue reproducible sample or replicate the issue in our sample.

• Share the video demonstration.

Please provide the above requested information, based on that we will check and provide you a better solution quickly.

Regards,

YuvanShankar A

Attachment: menublazor_f68b0169.zip