[Resolved] Menu Separator

[Shakespeare]

Hi,

I would like to ask how to add a separator only on this part of my site: http://prntscr.com/hg9ppu

Outcome is something like this: EN | AR

I’ll appreciate your response.

Shakes

[Leo]

Hi there,

Try this CSS:

.menu-item-wpml-ls-4-en {
    border-right: 1px solid;
}

[Shakespeare]

Hi Leo,

Thank you for your response. Is it possible to have the layout something like this? EN | AR instead of the long straight line as border.

I appreciate your response.

Shakes

[Leo]

Maybe something like this:

.secondary-navigation .main-nav ul li.menu-item-wpml-ls-4-en a:after {
    content: "|";
    padding-left: 15px;
}

[Shakespeare]

Works great thanks guy.

[Leo]

No problem!

[Author]

Posts