Archived topic

Menu Separator

5 replies · Started by Shakespeare on November 28, 2017

Viewing posts 1–6 of 6

November 28, 2017 at 2:42 am #436781

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

November 28, 2017 at 6:07 am #436895

Hi there,

Try this CSS:

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

November 29, 2017 at 7:41 am #437908

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

November 29, 2017 at 11:05 am #438156

Maybe something like this:

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

November 29, 2017 at 12:02 pm #438193

Works great thanks guy.

November 29, 2017 at 2:46 pm #438302

No problem!

This archived topic is closed to new replies.