Hidden menu using default X menu template Hero

I have created the Menu from Hero template, moved the top bar to bottom and have a submenu under services which seems to get hidden underneath the other bar.
Ive tried the suggestions for Z-index in this thread

but nothing seems to be working.

Website is www.dainamik.com.au and the issue occurs when you hover over Services menu. There is two other entries which don’t show beacuse they are “behind”

Hope someone can shed some light on this.

I have the exact same issue, I would also like to know how I can fix this.

Hello There,

Thanks for writing in! To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

.x-bar .ps-container {
    overflow: visible !important;

Hope this helps. Please let us know how it goes.

Hello RueNel,

I have followed your suggestion however no change.
Any other ideas?

Hi Namik,

Try to remove previous suggested CSS. Then inspect the Bar where the menu is added. Make sure that Content Scrolling is set to OFF.

Hope this helps.

Awesome, that did it !!
Had to also make sure Z-index was higher number than other bars.

Could you tell me where I can find info on all the settings, like Content Scrolling and what they do. Some are straight forward but others are harder to understand.

Thank you Lely.

You’re always welcome!

For guidance, please check our knowledge base.