html - Wordpress CSS not displaying navigation correctly -
i created website on wordpress , second tier menus (display if click 'clothing' or 'bags') starts underneath parent page
i in line first level menu regardless on whether click 'clothing' or 'bags'
http://www.dawaf.co.uk/showroom/bags
/*main navigation ------------------------------------------------------------ */ #access { background: none; -webkit-box-shadow: none; text-align:center; box-shadow: none; margin: -10px auto 6px; text-transform: uppercase; font-weight: bold; } #access div { margin: 0 0.5%; } #access { color: #eeeeee; line-height: 2.2; padding: 0 8px; font-size: 12px; } #access ul ul { width: 800px; } #access ul ul { width: auto; background: transparent !important; font-weight: bold; font-size: 12px; } #access ul ul li:hover { color: #666666; } #access li.current_page_item ul { display: block; } #access li:hover > { background: transparent !important; color: #666; } #access ul li:hover > ul { display: none; } #access ul li.current_page_item:hover > ul { display: block; } /*submenu ------------------------------------------------------------ */ #access ul ul { -webkit-box-shadow: none; box-shadow: none; } #access ul ul { background: #000; border-bottom: none; color: #eeeeee; line-height: 0.4; } #access li:hover > a, #access ul ul :hover > a, #access a:focus { background: #fff; } ul.children { width: 1000px !important; background: transparent !important; margin-top: -15px !important; border-top: 1px solid #eeeeee; }
do want them in-line in right of top-menu items? ie:
clothing - bags > day | evening
or want them line-up under top-menu row @ same left position on page? ie:
clothing - bags day | evening
clothing - bags dresses | jumpsuits
either way you'll want play "#access ul ul" css properties. second level menu ul nested within ul of main level menu. if can't control want is, might want break out second level menu it's own ul that's not nested.
Comments
Post a Comment