How do i put bars between menus

Hello! Is it possible to put bars between menus? I would like to add them just to make menu views easier, and if possible increase the number of menus


  1. Can you please provide some explanatory screenshots and a link to your website?

  2. I’m not sure what is your number of menus issue, can you specify it more precisely?

Kind Regards, Roman.

Of course! my website:
In fact, there is no problem, it is only a matter of aesthetics. If possible I would like to add slashes ( / ) in the tabs of the main menu

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#mainnav .menu-item:not(:last-child) {
    border-right: 2px solid #1e73be;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

OK it worked!
You can put “/” instead of “|” ?

Hello, try this instead:

#mainnav .menu-item:not(:last-child)::after {
    content: '/';
    padding-left: 28px;
    color: #1e73be;
    font-weight: bold;

Kind Regards, Roman.

Perfect!! Thank you Roman!

You are welcome! :slight_smile:

Kind Regards, Roman.