Hey,

 

I finished a navigation menu and I feel that it would be much more user friendly to have that border to stay on the parent menu item as the sub-menu rolls out. You can see it on the first two menu items.

So basically, the bottom border would be still there as the user hovers over the sub-menu. Is this possible somehow ?

 

http://fld.php5.sk/

 

Don't worry about the language on the site

 

Thanks

Something like..

 

nav > ul > li:hover > a {
     border-bottom: 3px solid rgba(255,255,255,1);
}

Although i'd suggest against using '>' and rather specify class names

cool, thanks. I could have figured this on my own, wasn't so hard

Try this below css code to your navigation menu for border bottom.

 

 

.nav > ul > li:hover >a,

.nav > ul > li:hover > ul > li > a {

border-bottom: 3px solid rgba(255,255,255,1);

}