Problem with sub-menu

Hi there,
i made some modifications to my main-menu. Seems to work fine. But i got one bug: I set to my .main_menu ul:first-child > li a a margin-top of 20px. Now this margin works in all submenus too …. Further: i would like to integrate bottom lines of each ” li a” in my submenu. Is it possibible to edit like first-child a last-child? Cause i dont want a line under the last sub-menu item.
Many thanks for possible help & fixes :-)

A picture to show my problem:

Here are the modifications in my Custom-CSS:
#header_main .container{
height:120px;
line-height: 120px;
}

.fixed_header #main {
padding-top: 90px;
}

.logo, .logo a, .logo img {
max-height: 90px!important;
}

#header_main .container {
height: 80px!important;
line-height: 80px!important;
}

.header_color .main_menu .menu ul li a:hover{
color:#009ee3;
background-color:#e5f5fc;
}

.main_menu ul:first-child > li a {
height: 40px!important;
line-height: 40px!important;
margin-top:20px;
}

.main_menu ul:first-child > li .submenu ul li a {
height: 20px!important;
line-height: 20px!important;
margin:0px;
}
`

• This topic was modified 10 years, 11 months ago by docperi.