How to make overrides active/default states inside a symbol (sidebar)

Hello, Webflow community!

Currently, I’m working on an inspiration platform where you can see all types of sections/elements for websites and apps. Now, I want to build it in Webflow but I’m facing a scaling problem.

When you click on my project link; you see a nice sidebar with some menu items inside. What I want:

I will have hundreds of pages which means that a symbol of the sidebar is needed. But, you can’t make overrides in classes. What. I try to say with that is when you click for example on section>topbars, then I want to have that menu item active like we have now but then for modals & popups.

Hopefully, can someone explain to me how I can fix this.

Thanks already.


Here is my site Read-Only: https://preview.webflow.com/preview/projectname-ce13da165e7c1e85c13e9cc6c?utm_medium=preview_link&utm_source=designer&utm_content=projectname-ce13da165e7c1e85c13e9cc6c&preview=41995b3f3f90cb8ad33dfd412f713097&pageId=62f119126aff4d9927d0f47c&workflow=preview

@vincent , you helped me out previous times, would be great if you can take a look at this :slight_smile: