Title: adding a menu separator in wordpress main menu?
Last modified: August 21, 2016

---

# adding a menu separator in wordpress main menu?

 *  Resolved [Mark elayan](https://wordpress.org/support/users/ramielian/)
 * (@ramielian)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/adding-a-menu-separator-in-wordpress-main-menu/)
 * the problem is not adding the seperator but deleting it from the last menu item,
   as it shows in all items…
 * what i use is:
 *     ```
       ul.header-nav a.nav-top-link {
         color: #000;
         opacity: 0.5;
         border-right: 1px solid #FFFFFF;
         }
       ul.header-nav a.nav-top-link.last {
           border-right: none;
       ```
   
 * but i dont know why its not working, what the wrong in the code!?
 * thank you

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

 *  [kjodle](https://wordpress.org/support/users/kjodle/)
 * (@kjodle)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/adding-a-menu-separator-in-wordpress-main-menu/#post-4332730)
 * Try using the `:last-child` pseudo class.
 *  Thread Starter [Mark elayan](https://wordpress.org/support/users/ramielian/)
 * (@ramielian)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/adding-a-menu-separator-in-wordpress-main-menu/#post-4332782)
 * Hmmm am not sure what mean pseudo class as am still a bigenner, should I just
   replace it to be :last-child as I think I tried that already…
 * I think I have another problem which is finding the right class to put the border
   in as there is three classes until now working the same but dosent work or last
   child…
 * My website is [https://induit.net](https://induit.net)
 * Please help me 🙁
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/adding-a-menu-separator-in-wordpress-main-menu/#post-4332783)
 * See:
 * [http://www.w3schools.com/cssref/sel_firstchild.asp](http://www.w3schools.com/cssref/sel_firstchild.asp)
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/adding-a-menu-separator-in-wordpress-main-menu/#post-4332784)
 * This seems to work:
 *     ```
       ul.header-nav li:last-child a {
         border-right: none;
         }
       ```
   
 *  Thread Starter [Mark elayan](https://wordpress.org/support/users/ramielian/)
 * (@ramielian)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/adding-a-menu-separator-in-wordpress-main-menu/#post-4332785)
 * yessssss it works thank you very much 😀 [@wpyogi](https://wordpress.org/support/users/wpyogi/)

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

The topic ‘adding a menu separator in wordpress main menu?’ is closed to new replies.

## Tags

 * [border](https://wordpress.org/support/topic-tag/border/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Main](https://wordpress.org/support/topic-tag/main/)
 * [menu items](https://wordpress.org/support/topic-tag/menu-items/)

 * 5 replies
 * 3 participants
 * Last reply from: [Mark elayan](https://wordpress.org/support/users/ramielian/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/adding-a-menu-separator-in-wordpress-main-menu/#post-4332785)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics