Can't unstack menu items?
-
Novice with code, but cant unstack…what am I missing? Eyes going crossed…sorry for the bother but thanks, gotta be an easy fix!
https://giantstepdesign.com/GSD/
/* =Menu -------------------------------------------------------------- */ .menu_bar { font-size:140%; /*@ font size of menu items */ } .menu { text-transform: uppercase } .weaveriip_vertical_menu .menu_bar { background-image:none; font-size:100%; } .weaveriip_vertical_menu .menu_bar ul { margin-bottom:0px !important; } #nav-bottom-menu, #nav-top-menu { min-height:38px; /*@ matches menubar height */ } .menu_bar div { margin:0 150px; /*@ margin from left/right */ } .menu_bar { background:#FEB; /*@ Menu bar bg color */ color:#000; /*@ text color */ clear:both; display:block; position:absolute; float left margin: 0 auto 0px; width:100%; } .menu_bar ul { list-style:none; margin:0 0 0 -10px; padding:left 0; text-align:center; } .menu_bar ul ul { list-style:none; margin:0 0 0 -10px; padding-left:0; text-align:center; } .weaveriip_vertical_menu .menu_bar li { float:none; } .menu_bar a { color:#000; /*@ link text color on top-level menu item */ display:block; line-height:38px; /*@ this and .menu_bar ul ul top should be the same */ padding:0 20px; /*@ padding between items */ text-decoration:none; font-weight:normal; font-style:normal; } .menu_bar a:hover, .menu_bar a:visited { text-decoration:none; } .menu_bar ul ul a,.menu_bar ul ul a:hover, .menu_bar ul ul a:visited { text-decoration:none; } .menu_bar a:visited { color:#000; } .menu_bar ul ul { -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2); box-shadow:0 3px 3px rgba(0,0,0,0.2); display:none; float:left; margin:0; position:absolute; top:38px; /*@ menubar height */ left:0; width:188px; z-index:99999; } .menu_pop_left .menu_bar ul ul { top:0px; left:-188px; } .menu_pop_right .menu_bar ul ul { top:0px; left:100%; } .weaveriip_vertical_menu .menu_bar ul ul li, .weaveriip_vertical_menu .menu_bar ul li { border:none !important; } .menu_bar ul ul ul { left:100%; top:0; } .menu_pop_left .menu_bar ul ul ul { top:0; left:-100%; } .menu_bar ul ul a { background:#EDA; /*@ bg color of submenu items */ color:#000; /*@ text color of submenu text */ font-weight:normal; height:auto; line-height:18px; padding:10px 10px; width:168px; } .weaveriip_vertical_menu .menu_bar ul ul a { padding:10px 10px; } .menu_bar ul ul :hover > a { background:#875; /*@ color when hover over sub-menus */ } .menu_bar li:hover > a, .menu_bar a:focus { background:#875; /*@ bg color for menubar hover */ color:#FEB; /*@ hover text color, top and sub-menus */ } .menu_bar ul li:hover > ul { display:block; }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Can't unstack menu items?’ is closed to new replies.