Title: current menu item highlighted
Last modified: August 21, 2016

---

# current menu item highlighted

 *  Resolved [parkBike](https://wordpress.org/support/users/parkbike/)
 * (@parkbike)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/current-menu-item-highlighted/)
 * Hi,
    I built and css styled a drop down menu in Dreamweaver and when I replicate
   it on WordPress using Appearance > menu and my copied css code the text on the
   nav bar for the selected page (eg. about us) is in pink. Its relative drop down
   children also lose formatting as does the visited state of the parent.
 * Is there something I should change about my css?
 *     ```
       nav {
       	position: relative;
       top: 100px;
       left: 150px;
       	width: 785px;
       }
   
       nav ul {
         text-align: left;
         display: inline;
         padding: 15px 4px 17px 0;
         list-style: none;
   
       }
       nav ul li {
         font: bold 14px sans-serif;
         display: inline-block;
         margin-right: -4px;
         position: relative;
         padding: 15px 20px;
         background: #015700;
         cursor: pointer;
       }
       nav ul li a {
       	color:#FFF;
       	text-decoration:none;
       }
       nav ul li:hover {
         background: #446cea;
         color: #fff;
       }
       nav ul li ul {
         padding: 0;
         position: absolute;
         top: 48px;
         left: 0;
         width: 170px;
         display: none;
         opacity: 0;
         visibility: hidden;
       }
       nav ul li ul li {
         background: #015700;
         display: block;
         color: #fff;
       }
       nav ul li ul li:hover { background: #446cea; }
       nav ul li:hover ul {
         display: block;
         opacity: 1;
         visibility: visible;
       }
       ```
   
 * Thanks a lot,
 * ParkBike

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

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/current-menu-item-highlighted/#post-4321875)
 * please post a live link to illustrate the issue – CSS without the HTML is not
   very useful.
 * for the general output of CSS classes by the custom menu function, see [http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes](http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes)
 *  Thread Starter [parkBike](https://wordpress.org/support/users/parkbike/)
 * (@parkbike)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/current-menu-item-highlighted/#post-4322011)
 * Hi,
 * Thanks for the quick reply. I uploaded the wp theme to post a link to the problem
   but the menu works perfectly online as opposed to locally so I’m off the hook.
 * Thanks

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

The topic ‘current menu item highlighted’ is closed to new replies.

## Tags

 * [down](https://wordpress.org/support/topic-tag/down/)
 * [item](https://wordpress.org/support/topic-tag/item/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [unwanted](https://wordpress.org/support/topic-tag/unwanted/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [parkBike](https://wordpress.org/support/users/parkbike/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/current-menu-item-highlighted/#post-4322011)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics