• 

  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)