Open submenu upwards with css dropdown menu generator

Q: Is it also possible to do a submenu which opens upwards?

A: Yes, it's possible. You should open generated "style.css" file in any text editor, find class "ul#css3menu1 ul" and replace "top" parameter with "bottom" parameter.

For example:

* Original code:

ul#css3menu1 ul {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0 0 0 0;
    left: 0;
    opacity: 0;
    padding: 0 5px;
    position: absolute;
    top: 100%;
    transition: opacity 0.5s ease 0s;
    visibility: hidden;
}



* Modified code:

ul#css3menu1 ul {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0 0 0 0;
    left: 0;
    opacity: 0;
    padding: 0 5px;
    position: absolute;
    bottom: 100%;
    transition: opacity 0.5s ease 0s;
    visibility: hidden;
}

Related

Recent Demos



Contact US

For troubleshooting, feature requests, and general help, contact Customer Support at Mail. Make sure to include details on your browser, operating system, CSS3 Menu version, link to your page.
In most cases you'll get a reply within 1 business day. Please read the FAQs first to see if your question has already been answered.

See More