Move the vertical navigation menu css submenu

Q: I am a licensed user of CSS3 Menu version 4.5. I am using a PC and Windows7 and MS Internet Explorer. I am using your drop-down menu with a lot of submenu items ("mega-menu").

Unfortunately, at lower screen resolutions (1024x728 and 1152x864), the submenus open up too far to the right, essentially off the screen. Is there any way I can get those right-sided menu subitems to open either further to the left, or open to the left instead of the right... so that they are all visible on the screen, without scrolling?

A: Please, try to open the generated .css file and find the code:

ul#css3menu1 .submenu {
    background-color: #FFFFFF;
    border-color: #B83B3B;
    border-radius: 0 6px 6px;
    border-style: solid;
    border-width: 9px;
    display: none;
    float: left;
    left: 0;
    padding: 0;
    position: absolute;
    top: 80%;
    z-index: 2;
}



Edit "left" property this way:

ul#css3menu1 .submenu {
    background-color: #FFFFFF;
    border-color: #B83B3B;
    border-radius: 0 6px 6px;
    border-style: solid;
    border-width: 9px;
    display: none;
    float: left;
    left: -20px;
    padding: 0;
    position: absolute;
    top: 80%;
    z-index: 2;
}

Related