How can I get my tabs(in the hamburger button) to change color when they are clicked on

I want to make them distinct when pressed. For example if "Shop" was touched (not necessarcily clicked on), I would want it to turn yellow.

Instabeautyus.com

@miryland Add this CSS to Home > Design > Custom CSS

.folder-toggle-box:checked+label {
   color: yellow !important;
}

See how to insert CSS: https://beaverhero.com/squarespace-how-to/#HowtoInsertCustomCSS

Thank you so much! Is there a way that I could do it for the nested tabs (for example, "hair care products")

@miryland Hair care products are also tab? Looks like it's not ....You need to add the product to that tab, I can check the code ... otherwise I can't check it

okay cool, how do i give you permission to the site?

@miryland I mean Hair care is not a tab, so I can't check its code. You need to add submenu to that menu to make it tab, then I can check its code.