WordPress.org

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.