Inline Menu Seperator

Support
#1

Is there a way to add any of the FAicons inbetween the Inline Menu element in the header builder as separators between each menu item?

#2

Hello There,

Thanks for writing in! Your request can only be done with custom css. please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-menu-inline .menu-item:before{
    
    display: block;
    position: absolute;
    top: 35%;
    left: 0;

    content: "\f105";

    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Feel free to change the content: "\f105"; to something else by using a different unicode which you can find it from here: http://fontawesome.io/icons/

Hope this helps.

#3

Hmmm… I’ll use another method. Thanks.

#4

Ok, thank you for your message.