Menu bar incorrect display HamburgerMode

When setting hamburgermode = "true" the menu is not full width and menu items appear behind some controls and not overlayed as expected. Using v19.3.0.47.


MenuBar.PNG


3 Replies

TS Thaneegairaj Sankar Syncfusion Team January 27, 2022 04:45 PM UTC

Hi Martin, 
 
We have prepared a sample for hamburgermode. Please find the below sample link, 
 
 
Before we proceed further, please share the below details. 
 
·         If possible, please share the issue reproducible sample or please replicate the issue in provided sample. 
·         Please share us the video demonstration of this issue. 
·         If possible, please share the customization code done in your sample. 
 
Please provide the above requested information, based on that we will check and provide you a better solution quickly. 
 
Regards, 
Thaneegairaj S 



NG Nikki Greanya April 25, 2024 05:17 PM UTC

I am having this same issue as Martin. I took your sample project, updated it to .NET 8 and the latest version of Syncfusion Blazor. Then I added a simple Syncfusion Card Control.

The hamburger menu opens up behind the Card.

Thanks, Nikki


Attachment: Menu_close_preventdotNet8_d671c811.zip


KV Keerthikaran Venkatachalam Syncfusion Team April 29, 2024 08:59 AM UTC

Hi Nikki,


Thank you for reaching out to us.


To resolve this issue, please use the CSS style shown below. Please refer to the code snippet provided below.

<style>

    .e-menu-container.e-hamburger ul.e-menu:not(.e-vertical) {

        position: initial !important;

    }

</style>



Please let us know if you need any further assistance on this.



Regards,

KeerthiKaran K V


Loader.
Up arrow icon