Adding Vertical Lines Between Inline Nav Menu Items

[formasteel]

I found a previous topic on this issue, followed the steps to add the code but I cannot get it to work properly.

Still having issues removing the line at the end of the menu items. I just need them inbetween

I have added this code to the setup:

ul.x-menu-line-between li {
    position: relative;
}
ul.x-menu.x-menu-line-between li:after {
    content: "";
    height: 25px;
    width: 2px;
    position: absolute;
    z-index: 9999;
    background: #fff;
    right: 0;
    top: 14px;
}

ul.x-menu.x-menu-line-between li.menu-item-153:after{
    background:none;
}

And added the class x-menu-line-between to the inline nav.

I am getting the lines between but cannot get rid of the line at the end. What do i need to alter? Thanks!

[formasteel]

Im dumb. Clearly I need to change the menu item #. HAH.

All good now.

[nabeel]

Glad you’ve sorted it out.

Cheers!