Return to previous page

Menu Item Hover Top Border Color - by Wen Yen

This topic has 4 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

Wen Yen

Participant

February 21, 2020 at 10:17

Hi Rose, you solved my issue in the post below but I am not able to post any more replies, so I have to create a new one.
https://www.8theme.com/topic/all-products-menu-item-highlighted-on-sale-page/#post-230070

Now when the mouse hovers over the ‘All Products’ menu item, it does not have the hover effect like the other menu items. I managed to solve the hover font color using the below css but I’m not sure how to do the hover top border line (yellow). Can help? Thanks!

Please, contact administrator
for this information.

#230072 Copied Theme version: 6.2.11 WooCommerce version: 3.9.2

3 Answers
Rose Tyler

Support staff

February 21, 2020 at 11:24
Hello,

Please change this code http://prntscr.com/r5lywp to
```
.woof_search_is_going .header-main-menu.et_element-top-level .menu .current_page_item#menu-item-7764 a {
    color: white;
}
.woof_search_is_going .header-main-menu.et_element-top-level .menu .current_page_item#menu-item-7764 a:before {
    display: none;
}
```
Regards
#230074 Copied
Wen Yen

Participant

February 25, 2020 at 06:06

Hi Rose, I’ve changed the previous css to the new one but am still not getting the hover effect on the ‘All products’ menu item. I am referring to the ‘Sale’ page. URL as below.

Please contact administrator
for this information.

#230237 Copied
Rose Tyler

Support staff

February 25, 2020 at 15:34
Hello,

Please add this code also –
```
.woof_search_is_going .header-main-menu.et_element-top-level .menu > li:hover > a {
    color: #f9a11b !important;
}
.woof_search_is_going .header-main-menu.et_element-top-level .menu li:hover a:before {
    display: block !important;
}
```
Regards
#230294 Copied
Viewing 4 results - 1 through 4 (of 4 total)