Forums

[resolved] separator between menu items (3 posts)

  1. fpsdf
    Member
    Posted 8 months ago #

    I've been searching a lot but nothing has been really effective on my question. So here it is:

    How can I add a vertical character separating the menu items? Such as this:

    Home | Products | Services | Contacts

    I tried a lot of things but some undesired things happen (menu becomes a vertical list; all separators appear together, right after all the gathered menu items; things lose their alignement)

    So, I ask for your help on building "The Ultimate (and simple) Guide To Your Vertical Character Separator Of Menu Items"

    Thank you so much!

  2. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Add a CSS border left (or right) to each menu item and then remove that border on the first (or last) child using the first-child (or last-child) CSS pseudo selector.

  3. Digital Raindrops
    Member
    Posted 8 months ago #

    We had this same question the other day for Twenty Eleven, it might help!

    David

Reply

You must log in to post.

About this Topic

Tags