The second css dropdown menu code covering the first menu

Q: I have created a 'dummy' directory on my website and uploaded a test home page to illustrate the problem of the second <keyw id=0/> covering the drop-downs of the first menu.

I have also put a test 'footer' menu at the bottom of the page ... the drop-downs there just disappear off the bottom the page.

A: Please, use separate .css file for each menu (the third menu uses the .css for the first
menu). Change the Menu index for each menu.

Also please, open generated style.css file and find the code:

ul#css3menu1 {
    display: inline-block;
    font-size: 0;
    margin: 0 0;
    padding: 0 0;
    position: relative;
    width: 100%;
    z-index: 999;
}

Edit z-index value this way:

ul#css3menu1 {
    display: inline-block;
    font-size: 0;
    margin: 0 0;
    padding: 0 0;
    position: relative;
    width: 100%;
    z-index: 99999;
}

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.

css dropdown menu code