This topic has 4 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler
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!
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
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.
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
You must be logged in to reply to this topic.Log in/Sign up