Make css vertical drop down menu submenus appear above the main menu items

Q: Is it possible to create a menu for the footer which wold allow the sub menu items to appear above the main menu items? I've seen this on another menu site and have looked through CSS3Menu info but haven't found reference information about it.

A: You can open generated .css file in any text editor and find the code:

ul#css3menu1 ul {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("bg.png");
    background-repeat: repeat-x;
    border-radius: 0;
    display: none;
    left: 0;
    padding: 6px 0 0;
    position: absolute;
    top: 100%;
}



Edit top property this way:

ul#css3menu1 ul {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("bg.png");
    background-repeat: repeat-x;
    border-radius: 0;
    display: none;
    left: 0;
    padding: 6px 0 0;
    position: absolute;
    top: -260%;
}

Related