CODEWITHSUNDEEP
jquerycss
Andrew Ceban
Andrew Ceban

Reputation: 118

Very Long Dropdown Menus issue

I have used Solution For Very Long Dropdown Menus it's a great drop down menu but the problem is that I cannot set submenus (LEVEL TWO) width to be bigger than LEVEL ONE width

Any ideas?

Fiddle

Fiddle with fix Thank you dunli

My menu screenshot

CSS:

 /* 
        LEVEL ONE
    */
    ul.dropdown                         { position: absolute; width: 100%; }
    ul.dropdown li                      { float: right; position: relative; list-style-type:none; width: auto; text-align:center;  }
    ul.dropdown a:hover                 { color: #000;  }
    ul.dropdown li a                    { display: block; color: #222; position: relative; z-index: 2000;  }
    ul.dropdown li a:hover,
    ul.dropdown li a.hover              { background: #F3D673; position: relative; }
    .suca {
    width:100px;}

    /* 
        LEVEL TWO
    */
    ul.dropdown ul                      { display: none; position: absolute; top: 0; left: 0; width: 80px !important; z-index: 1000; }
    ul.dropdown ul li                   { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc;  width:auto;}
    ul.dropdown ul li a                 { display: block; background: #eee !important; padding-right: 20px; width: 100px !important; } 
    ul.dropdown ul li a:hover           { display: block; background: #F3D673 !important; width: 100px !important; }

Upvotes: 0

Views: 1940

Answers (1)

dunli
dunli

Reputation: 1376

I have updated your css a little bit. Here

Upvotes: 2

Related Questions