Title: CSS : menu problem
Last modified: August 20, 2016

---

# CSS : menu problem

 *  Resolved [AntonioFajdiga](https://wordpress.org/support/users/antoniofajdiga/)
 * (@antoniofajdiga)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/css-menu-problem-2/)
 * How to make my current menu active when i click on it. For example when i click
   on Home menu , i want to see that menu red, when i click on About menu to see
   the About menu red.
 *     ```
       #header-container nav li a {
       display: block;
       font-weight: bold;
       line-height: 18px;
       text-decoration: none;
       padding: 6px 15px;
       margin: 0 5px;
       float: left;
       }
   
       #header-container nav.primary-menu ul>:first-child a {
       margin-left: 0;
   
       }
   
       #header-container nav li a:hover {
       text-decoration: none;
   
       }
       #header-container nav li a:active {
       text-decoration: none;
       color:red;
   
       }
   
       #header-container nav.primary-menu ul li.current_page_item > a:after {
       content: "";
       display: block;
       width: 0;
       height: 0;
       border-left: 20px solid transparent;
       border-right: 20px solid transparent;
       border-top: 20px solid;
       position: absolute;
       bottom: -20px;
       left: 50%;
       margin-left: -20px;
   
       }
   
       #header-container nav ul.sub-menu li a:after, #header-container nav ul.sub-menu li:after {
       content: "";
       display: none !important;
       }
       ```
   
 * Now i can see only an arrow on current menu(page) .That is in this line
    `#header-
   container nav.primary-menu ul li.current_page_item > a:after`

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 2 months ago](https://wordpress.org/support/topic/css-menu-problem-2/#post-3606072)
 * In a plugin that provides Custom CSS functionality
    ~ Like [http://wordpress.org/extend/plugins/custom-css-manager-plugin/](http://wordpress.org/extend/plugins/custom-css-manager-plugin/)
   ~
 * Enter your new CSS styles;
 *     ```
       #header-container nav.primary-menu ul li.current_page_item > a {
        color: red;
       }
       ```
   
 *  Thread Starter [AntonioFajdiga](https://wordpress.org/support/users/antoniofajdiga/)
 * (@antoniofajdiga)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/css-menu-problem-2/#post-3606078)
 * tnx

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

The topic ‘CSS : menu problem’ is closed to new replies.

## Tags

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

 * 2 replies
 * 2 participants
 * Last reply from: [AntonioFajdiga](https://wordpress.org/support/users/antoniofajdiga/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/css-menu-problem-2/#post-3606078)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics