Why does selecting one menu also select another in Sense Theme?

Store Design
1

This is my URL: https://kbeautysource.com

When I try to click on one menu (THE ORDINARY), the other menu (SHOP BY BRAND) is also selected. I would also like to check as to why menu items without dropdowns change color when selected while the menus with dropdowns doesn’t. It will be best if all menu items change colors when clicked.

2

Hi, @kbee

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
#Details-HeaderMenu-6 > summary > a > span:hover {
    color: #ff10f0 !important;
}
#Details-HeaderMenu-6 > summary > a > span {
    color: rgba(var(--color-foreground),.75) !important;
}
1 Like
3

Hi,

The other menu item is still underlined.

Capture.JPG
Capture.JPG416×132 4.64 KB

4

plz add the following code

#Details-HeaderMenu-6 > summary > a{
   text-decoration: none;
}
#Details-HeaderMenu-6 > summary > a :hover {
text-decoration-line: underline;
}
5

Hi @kbee plz remove any code that you added I just found the problem. THE ORDINARY is sub menu on SHOP BY BRAND). plz remove that menu from there

1 Like
6

Hi! Thanks, it worked! I also need help on a minor issue. The menus with dropdown don’t change to color #ff10f0 when clicked. They change on hover but the color doesn’t stay on when clicked. The menus without dropdown are fine.

Capture2.JPG
Capture2.JPG652×430 12.4 KB

Capture1.JPG
Capture1.JPG677×411 12.3 KB

7

plz add the main menu that is dropdown to the sub-menu of that menu.

just like the MAKEUP menu should have makeup to his sub-menu.