Title: Adding Separators to Menu Items
Last modified: August 30, 2016

---

# Adding Separators to Menu Items

 *  Resolved [mtjarrett](https://wordpress.org/support/users/mtjarrett/)
 * (@mtjarrett)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-separators-to-menu-items/)
 * Is there a way to add separators to menu items. “before” and “after” to the wp_nav_menu
   array don’t seem to be working as expected.
 * this is currently with “before”
    [http://liturgyoflife.com](http://liturgyoflife.com)
 * I’m leaving briefly. Will leave it this way until 7pm CT if anyone has time to
   look.
 * Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Theme Author [pacethemes](https://wordpress.org/support/users/pacethemes/)
 * (@pacethemes)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-separators-to-menu-items/#post-6453795)
 * Hi
 * I see a different theme on the link provided, can you provide the correct link
   or have you switched themes ?
 *  Thread Starter [mtjarrett](https://wordpress.org/support/users/mtjarrett/)
 * (@mtjarrett)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-separators-to-menu-items/#post-6453802)
 * Thanks for checking it out. I switch back to the old theme when I’m not working
   on the re-model.
 * The workaround I’m using (for anyone interested): I just created a menu with 
   a Custom Item (containing my separator) between each of my menu items.
 * In a bit more detail: Go to menus, create a Custom Link, put “#” in the URL box
   and your separator in the Link Text box (I used “•”). Then add that Separator
   item wherever you want a separator.
 * Ugly, but it works (until you look at it on mobile, but there’s ways around that
   too).
 *  Theme Author [pacethemes](https://wordpress.org/support/users/pacethemes/)
 * (@pacethemes)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-separators-to-menu-items/#post-6453898)
 * Simple way using CSS, you can change the `content: '/';` to whatever you character
   you want
 *     ```
       .nav.navbar-nav > li {
         margin: 0 5px;
         position: relative;
       }
   
       .nav.navbar-nav > li:after{
         display: inline-block;
         content: '/';
         position: absolute;
         right: -7px;
         top: 0;
       }
       ```
   
 *  Thread Starter [mtjarrett](https://wordpress.org/support/users/mtjarrett/)
 * (@mtjarrett)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-separators-to-menu-items/#post-6453940)
 * awesome. thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Adding Separators to Menu Items’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/quest/1.5.3/screenshot.png)
 * Quest
 * [Support Threads](https://wordpress.org/support/theme/quest/)
 * [Active Topics](https://wordpress.org/support/theme/quest/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/quest/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/quest/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [mtjarrett](https://wordpress.org/support/users/mtjarrett/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/adding-separators-to-menu-items/#post-6453940)
 * Status: resolved