Foldername in Header stays highlighted when you go on sub pages

hey, would like the folders in the header stay highlighted (red) when I click on them or the pages in the Drop-Down menu. Somehow the codes for setting colour to active folders hasn't worked. I can change the colours in general or for hovering but it does not stay highlighted. Would appreciate any help . Thanks!!

https://koala-circle-rbwp.squarespace.com

On 10/26/2022 at 3:04 PM, kernholz said:

hey, would like the folders in the header stay highlighted (red) when I click on them or the pages in the Drop-Down menu. Somehow the codes for setting colour to active folders hasn't worked. I can change the colours in general or for hovering but it does not stay highlighted. Would appreciate any help . Thanks!!

https://koala-circle-rbwp.squarespace.com

You can try adding to Home > Design > Custom Css

.header-nav-item.header-nav-item--folder:hover > a {
  color: red;
}

Let me know how it works on your site

Support me by pressing 👍  or marking as solution if this useful for you

My testing

@bangank36thank you so much for your reply!! This worked really well. Do you know if it is possible that the folders in the header stay red after I click on the links in the wrapper? So that I know which main category I clicked on? Thank you so much for your help!

The Css can not approach this requirement. 

We may work around with it via some javascript (require the business plan or above). I wonder which plan you are working on

@bangank36yes, we are working with business version