Sub Menu - Outsystems 9

Hi, I am attempting to use a Menu with Submenus but when I click the menu the submenu seems to appear on top of the page and below the menu (it should be the normal behaviour) - I attach one image to show this behaviour - hope it is not confusing. I am using the Vanilla Theme and I also adapted the css for the Menu so that the green line above appears whenever a menu is either hovered or clicked. 

How can I solve this? 

Thanks in advance.
Hey Inês,

Can you please attach the oml that you used in your scenario? 


Done. The css was developed to fit our design requirements and it may be from it. If that is the case how can I solve this issue without having to compromise my css?

Hey again Inês,

I removed the css that is in "Área Admin" expression ("color:white, width:200px... and so on). Regarding the testapp style sheet, the following was added/modified:

.Menu_TopMenu {
    position: relative;
    text-align: center;
    height: 50px;
    width: 200px;

.Menu_TopMenu div { /*added*/
 color: white; 
 display: inline-block; 
 text-decoration: none;
 text-align: center;     
 position: fixed;
 top: 0;
 left: 337px;
 width: 200px;
 cursor: pointer;
.Menu_TopMenu:hover {
  border-top: 9px solid #bed62f;
  transition: .6s ease-in-out;
  transition-timing-function: linear;
  margin: -5px;
  padding-left: 4px;
  width: 200px;
  height: 60px;

It is not the best CSS ever but I hope it helps you go forward as quickly as possible.