How do I change CSS submenu width so it doesn't used the same width as the main menu? -


i'm using css submenus working ul > li > ul > lu. current css code using:

#nav li:hover ul.sub  {left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; width:100%; height:auto;} 

the width find top menu, within sub menu, uses original width value top menu. if change width 325%, submenu wide enough top menu wide.

i've been messing css format, can't seem submenu hold own 100% width value separate top menu.

does have solution on how use 100% width match contents, , not value of top menu?

if wants peak see mean, can have here: http://

i have set 100% width show results of submenu.

due way have css written, want change following rule in css file:

#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {   left: 100%;   /* may want use "left:calc(100% + 3px);" account padding */   width: auto; } 

Comments

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -