垂直下拉菜单

Question

关于我目前的垂直菜单，我有几个问题。我的第一个问题是放置我的菜单。我的屏幕太小，我无法看到我的更改是否有效，但我想要它，因此垂直菜单不会与主要内容分开。我正在处理的实际网站可以在www.mecostaosceolacourts.org找到。这是目前尚未更改的实时版本。我正在谈论的代码可以在下面找到，并已被更改为希望解决我的问题：

/*Side Menu Bar*/
#wrapper {
padding-left: 0;
/*remove the following
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
*/
}

/*remove

#wrapper.toggled {
padding-left: 250px;
}
*/

#sidebar-wrapper {
z-index: 1000;
position: fixed;
left: 250px;
width: 0;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background: rgba(255,255,255,0.6);
/*remove the following
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
*/
}

/*remove

#wrapper.toggled #sidebar-wrapper {
width: 250px;
}

#page-content-wrapper {
width: 100%;
padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -250px;
}

*/

我已经说过＆＃34;删除＆＃34;是我认为取出的代码可以缓解我的问题。

我的第二个问题是将子菜单添加到特定代码中。我已经尝试过左右，我想添加子菜单，代码似乎不想拥有它。有什么东西我不见了吗？

我在这里只发布了另外一个问题，所以我希望我做得对，而不是踩到脚趾。任何帮助将不胜感激！