Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 22, 2016 at 5:07 pm #715437
    mterrianrode

    I have a site whose header is “Logo left, menu right”

    I would like to have a custom menu separator (the forward slash, in other words ” / ” )

    I’m wondering how to make this happen in Quick CSS or custom CSS. Is it possible at all? If so, can you direct me to the right classes and method?

    Thanks, you guys.

    November 22, 2016 at 9:11 pm #715574
    Nikko

    Hey mterrianrode!

    Yes, it’s possible, try to add this in your Quick CSS:

    ul#avia-menu > li > a:after {
    content: '/';
    display: inline-block;
    position: relative;
    left: 13px;
}

ul#avia-menu > li:last-child > a:after {
    display: none;
}

    Hope this helps :)

    Cheers!
    Nikko

    November 22, 2016 at 10:34 pm #715633
    mterrianrode

    Have I mentioned to you guys lately how awesomely awesome you are?

    Thanks, Nikko!!!!!

    :)

    November 22, 2016 at 10:41 pm #715636
    Nikko

    Hi,

    Thanks for your kind words :) We really appreciate it if you rate our theme on themeforest.
    Thank you for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.