We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Fit ejMenu into container

Thread ID:





131574 Jul 17,2017 02:01 PM UTC Jul 18,2017 11:39 AM UTC Angular 1
Tags: ejMenu
Asked On July 17, 2017 02:01 PM UTC


is there a possibility to show ej-menu in front of all components/div elements and etc., or (maybe better way), to fit ejMenu in container (div tag)?
Now it looks like this and it is hiding under container (div tag):

Prince Oliver [Syncfusion]
Replied On July 18, 2017 11:39 AM UTC

Hi Agne, 

Thank you for contacting Syncfusion support. 

The Sub menu items will usually have a higher z-index and hence it will be displayed above the container <div> element. In your case, the <div> container must have a higher z-index than sub menu element or it must have overflow property to set as hidden. So, to fix this, you need to set a z-index value for submenu items higher than the <div> element or set the overflow property to visible for <div> element. Kindly refer to the following code snippet. 

      overflow: visible;  
      z-index: 10; /*Lower than sub menu */ 



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon