Return to previous page

'All products' menu item highlighted on 'Sale' page

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

Wen Yen

Participant

February 20, 2020 at 16:03

Hi, I am using ‘WOOF Woocommerce Product Filter’ plugin to allow customers to filter products on the shop page. On the ‘Sale’ page, the ‘All Products’ link on the menu bar is also highlighted as the “current page”. Can you teach me how I can tweak the code so that this does not happen?

Please, contact administrator
for this information.

#230020 Copied Theme version: 6.2.11 WooCommerce version: 3.9.2

5 Answers

Rose Tyler

Support staff

February 20, 2020 at 17:11

Hello,

Your site under maintenance mode, so we can’t check it. Provide temporary wp-admin access, please.

Regards

#230032 Copied

Wen Yen

Participant

February 20, 2020 at 18:01

ok user created

Please contact administrator
for this information.

#230039 Copied
Rose Tyler

Support staff

February 21, 2020 at 09:07
Hello,

It is highlited because your Sale page is the Shop page with query – http://prntscr.com/r5jp9n
Add the next Custom CSS code:
```
.woof_search_is_going .header-main-menu.et_element-top-level .menu li#menu-item-7764 a {
    color: white;
}
.woof_search_is_going .header-main-menu.et_element-top-level .menu li#menu-item-7764 a:before {
    display: none;
}
```
Regards
#230062 Copied
Wen Yen

Participant

February 21, 2020 at 09:50

Thanks for the great help Rose!

Edit: Hi Rose, 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.

#230068 Copied

Rose Tyler

Support staff

February 21, 2020 at 10:08

You’re welcome!

Regards

#230070 Copied
Viewing 6 results - 1 through 6 (of 6 total)