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!