Title: Make hover effect
Last modified: August 21, 2016

---

# Make hover effect

 *  Resolved [yuyounger](https://wordpress.org/support/users/yuyounger/)
 * (@yuyounger)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/about-hover/)
 * Hi, I would like to make hover effect to my very top menu like [this](http://www.herschelsupply.com/)
   site. My site is [here](http://www.samgyoyu.com). I don’t know how to do it! 
   It’s to difficult to me. Please help me:(

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

 *  [Andi Saleh](https://wordpress.org/support/users/bindanaku/)
 * (@bindanaku)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/about-hover/#post-4817081)
 * Add this to your CSS (at the bottom so it doesn’t interfere with other rules):
 *     ```
       #secondary-nav > .menu-item a:hover {
         border-bottom: 2px solid #000000;
       }
       ```
   
 *  Thread Starter [yuyounger](https://wordpress.org/support/users/yuyounger/)
 * (@yuyounger)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/about-hover/#post-4817083)
 * Thank you:) But I would like to make hover effect at background. My background
   color is (rgba 255,255,255,0.7) now, make hover effect to #fff. It’s my mistake.
   I’m sorry.
 * Can you help me? 🙂 Have a nice day!
 *  [Andi Saleh](https://wordpress.org/support/users/bindanaku/)
 * (@bindanaku)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/about-hover/#post-4817086)
 *     ```
       #secondary-nav > .menu-item a:hover {
         background-color: rgba(255,255,255,.7);
       }
       ```
   
 *  Thread Starter [yuyounger](https://wordpress.org/support/users/yuyounger/)
 * (@yuyounger)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/about-hover/#post-4817091)
 * Thank you so much Andi. It’s working:) Umm.. But I mean, background (If you use
   F12, You can see ‘div.top-strip.color-site-white’) is rectangular a little bit
   transparency table. A full width:) Not a menu link.
 *  Thread Starter [yuyounger](https://wordpress.org/support/users/yuyounger/)
 * (@yuyounger)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/about-hover/#post-4817108)
 * Is there anybody who can help me? 🙂
 *  Thread Starter [yuyounger](https://wordpress.org/support/users/yuyounger/)
 * (@yuyounger)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/about-hover/#post-4817194)
 * I fix it. Thank you:)

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

The topic ‘Make hover effect’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [yuyounger](https://wordpress.org/support/users/yuyounger/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/about-hover/#post-4817194)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics