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
Post a Comment