Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1867569
Split menu with a vertical line
Closed

Comments

  • cherngen started the conversation
    January 24, 2019 at 12:02pm

    Hi,

    My current menu is listed without a line that separate different categories.

    What should I do if I want my menu shows like this:

    Home  Story  Menu  |  Account  Cart

    Thank you!

  •  1,845
    Elated replied
    January 29, 2019 at 4:43pm

    Hi there,

    This is possible with some custom css code that you can paste to the Appearance > Customize > Additional CSS field:

    .eltdf-header-standard .eltdf-menu-area.eltdf-menu-right .eltdf-main-menu:before {
        display:none;
    }

    And here is the code to put the separator after home element for example:

    li#nav-menu-item-107:before {
        background-color: rgba(58,58,58,.6);
        content: "";
        display: block;
        height: 21px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: background-color .2s ease-in-out;
        -moz-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
        width: 1px;
    }
    2947674006.png


    Best,

    George

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.