Add separators to menu

[warrenfab]

Hi,

I would like to add a separator / divider between the menu items in the header menu bar. How do I achieve this?

Thanks,

Warren

[nico]

Hi @warrenfab,

Thanks for writing in.

You could use this code below:

.x-navbar .desktop .x-nav>li:first-child>a {
    border-right: 1px solid red;
}

.x-navbar .desktop .x-nav>li>a {
    border-right: 1px solid red;
} 

Hope it helps.

Let us know how it goes.

Thanks.

[warrenfab]

Hi Nico.

No luck. Not working at all. I’m using Integrity.

Thanks,

[basanta]

Hi There,

Thanks for the confirmation!

can you please add this CSS to your Theme Option -> Global CSS.

.x-navbar .desktop .x-nav>li {
 border-right: 1px solid red;
}
.x-navbar .desktop .x-nav>li:first-child{
 border-left: 1px solid red;
}

Hope this helps!