I could not stand the default behavior of drop down menus in Movable Type 4 interface within 10 minutes of first using it. I want drop down menus that drop when I click on them, not when I mouse over them.
So I came up with a simple hack to replace the default behavior of drop down menus by something safer for my sanity.
Step 1 – Change drop down menu behavior
Edit : tmpl/cms/include/header.tmpl
Replace: mt:nav-delayed-open=”0″ mt:nav-delayed-close=”0″
by: mt:nav-delayed-open=”-1″ mt:nav-delayed-close=”300″
for : <div id=“blog-nav”>
Already works for ‘selector-nav’ (that’s how I found out the difference between menu behaviors)
Step 2 – Change color of ‘hover link’ for ‘blog-nav’ (as it will appear white on white by default)
Edit : mt-static/css/main.css
#blog-nav a:hover
{
color: #3d7993; /* instead of #e9f0f4 */
}
.system #blog-nav a:hover
{
color: #6d7800; /* instead of #f1f4e9; */
}
Now I can try to find someone who can do this cleanly…