Here is a test menu I created
www.esc-online.com/mars/menu03_custom.html

When you mouse over a top menu item that has a sub menu, there is a slight amount of movement down before the sub menu rests in its final place. I'd like to remove that slight movement down if possible so it begins sliding out from the lower position. I tried setting the easing to Linear (no easing), but that doesn't seem to make any difference.

Hello Simon,
Please edit the following properties your dark_red_mars.css :

.dmxNavigationMenu.dark_red ul.mega, .dmxNavigationMenu.dark_red ul.sub
{
background-color:#222222;
border-color:#666666;
border-style:none solid solid;
border-width:medium 3px 3px;

margin-top:7px; -----> this is the amount of movement down before the sub menu rests. You can comment this line and it won't move down when opening.


Add the following line in order for it to open from a lower location /30px is just an example it was 23px in your case and + the 7px movement = 30px/:
top:30px !important;
}

That worked! Thank you.