How to add vertical lines between menu items in the header?

[JamesW1]

how do i add lines between home, catalog etc

i want it to look like

Home | Catalog | Contact

rather than

Home Catalog Contact

cheers.

[Zqdo]

Glad to help. Can you share the link to your website?

[JamesW1]

https://kurumotive.co.uk

[Zqdo]

Ok, thanks. Let's get started. How comfortable are you with HTML and CSS?

[JamesW1]

I’m sure I can learn it. I’ve used css to change the cart emblem and html back in school so may be alright. Cheers

[Zqdo]

Ok. Try this:

Go to your theme customizer, and click on your menu.

Go to where it says "Custom CSS". Try this code:

.list-menu__item{
border-left: 1px solid #ffffff;
}

.list-menu__item::first-of-type{
border-left: none;
}

Does this work?