Hello i have this site here that am working on.

The side menu when you click swapz has sub menu and i cant get rid of the border at the bottom, how do i get this removed.

Thanks

It seems the code in your style.css document is setting a bottom border for li elements inside the sidebar:

#side_menu li {
	border-bottom:1px;
	border-bottom-color:#999;
	border-bottom-style:solid;
	list-style:none;
	padding-left:20px;
	margin-left:-40px;
	line-height:24px;
	width:169px;
	color:#fff;
	font-size:14px;
}

Try adding this below it:

#side_menu li:last-child{border-bottom:0;}

It worked only for the last sub menu and not all sub menu

Hm, seems to be working for me. What's the issue now?

The border under each sub menu showing in the image below want it removed

Oh, well in that case just remove the bottom-border:1px; line from your CSS.

Yeah but i want it on the the other menu items just not the sub menus.

I think you'll want something like this:

#side_menu li ul li {
	border-bottom: 0;
}

Originally Posted by afcbob

The border under each sub menu showing in the image below want it removed

I liked your explaining example !