css - Navigation Menu dropdown -
css - Navigation Menu dropdown -
i having problem little frustrating:
look @ top menu on site: www.integratedphysicaltherapy.ie
the "sports injury management" link seems effected dropdown element in way. ive had can't see whats causing it. help much appreciated.
here code
#header .header-links .sub-menu { display: none; float: left; position: absolute; z-index: 1111; border: 0px solid #303030; background: #1c1c1c; } #header .header-links .sub-menu { color: white; font-size: 12px; border-bottom: 0px solid #303030; line-height: 22px; margin: 0; padding: 0 0px 0 10px; } #header .header-links .sub-menu li:last-child > { border: 0; } #header .header-links .sub-menu a:hover, #header .header-links .sub-menu .current-menu-item { } #pre-header .sub-menu li, #header .sub-menu li { float: none; position: relative; } #header .sub-menu li { padding: 2px 1px; } #header .sub-menu li:hover { padding-left: 1px; } #header .menu > li > { -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } #header .menu > li.menu-hover > a, #header .menu > li.current_page_item > a, #header .menu > li.current-menu-ancestor > a, #header .menu > li > a:hover { color: #f33f3f; } .main-navigation:after { clear: both; content: ""; display: block; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation .sub-menu { white-space: nowrap; } .main-navigation .sub-menu .sub-menu { position: absolute; top: -1px; left: 100%; } .main-navigation ul ul :hover > { } #pre-header .main-navigation ul li:hover > ul, #header .main-navigation ul li:hover > ul { display: block; }
css navigation
Comments
Post a Comment