Pro menu separators

[timschouwink]

Hi,

I want to achieve a simple separator (pipeline ‘|’) between the menu items in Pro.

I do not see such a feature in the settings or I am missing something. My question: what is the best way to achieve this?

Link to site: http://nlinterimp-tambe.savviihq.com/

Thanks!

[rahul]

Hey @timschouwink,

Thanks for writing in, please add the following CSS code snippet to Pro >> Launch >> Theme Options >> CSS.

.x-menu-inline>li:after {
         content: "|";
         padding-top: 33px;
} 

Hope this helps.

Regards

[timschouwink]

Hi @rahul,

You are the best!

Thanks:)

[rahul]

Really glad that I could be of help!

Cheers!

[jhassel2215]

I used that css but on the last menu item it’s adding a separator. I tried targeting it with a “last-child” selector and no dice. Any ideas?

[nabeel]

Hi @jhassel2215,

Thanks for writing around! You can try the following CSS code to remove the separator from last menu item:

.x-menu-inline>li:last-child:after {
    content: "" !important;
}

Hope this helps!