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

Popular posts from this blog

c# - ASP.NET MVC Sequence contains no matching element -

java - Parsing XML, skip certain tags -

rest - How to invalidate user session on inactivity in a stateless server? -