How do I add vertical lines between navigation labels? – menu in Twenty Ten

I tried the last solutions but to no effect. no lines show. i change the color to white for a black background. here is the site https://www.amerimacs.com

You don’t appear to have the code above in your css. You need to add:

#top-menu li {border-right:1px solid #fff !important;}
 #top-menu li:last-child{border:none !important;}

Then sort out the padding you want.

that worked great!! thanks webbrewers. how do i ajust the height? I am new at this. thx

I’d probably take the border off the li element and apply it to the a element and reduce its height and padding:

ul#top-menu.nav li a{border-right:1px solid #fff;line-height:15px !important;padding:0px 35px 0px 0px!important}
ul#top-menu.nav li a:last-child{border:none !important;}

i tried that code but nothing happen. i really appreciate your help webbrewers. any other suggestions?

Could you create a new thread to discuss this: https://www.ads-software.com/support/theme/twenty-ten#postform

syednayab,
Not sure what you are looking for, but ask a new question if you still need an answer.

@webbrewers, Hi, Thank you for the reply.

What i am looking for a seperate div for the LogO.
it will be over the NAV menu.
as in the demo image it is inside the Navigtation. Please guide me .

if i am still not able to convey my msg i will try to make one JPG for the purpose.

Thanks
Syed

Syed,
What I meant was start a new thread….your question is very different.