Remove divider from the nav menu

Hi there !
I am using the sydney theme and i have problem with the dividers in nav bar items.
I used below code to get dividers between nav menu items.

li { border-right: 1px solid #000000; }
li:last { border-right: none; }

But it shows a divider at the end of the last menu item. Please help me remove the divider at the right of the last menu item
navigation menu
Here is the image of the nav menu

Hello there,

You can use this code:


#mainnav .menu > li {
  border-right: 1px solid #000000;
}

#mainnav .menu > li:last-child {
  border: none;  
}  

Regards,
Kharis

Thank you Kharis. Your code did the work.

You’re most welcome here!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis