Nav Bar Animation HELP

Design help General
1

I’m trying to change the color of one animation in my MOBILE nav bar, but it’s changing other things on my site.

When you go to the drop-down menu under my MOBILE Nav Bar and select SERVICES, it changes the background to blue. I want it to remain white, but when I make this change it also changes the SERVICES BLOCKS to hover over to White. I need these to stay blue.

I’m not sure how to make the MOBILE NAV bar have it’s own animations without it affecting everything else on the site. PLEASE HELP! Thanks!

Screen Shot 2022-06-15 at 10.13.16 AM
Screen Shot 2022-06-15 at 10.13.16 AM1252×1556 55.3 KB

Screen Shot 2022-06-15 at 10.20.45 AM
Screen Shot 2022-06-15 at 10.20.45 AM748×1562 64.4 KB

Screen Shot 2022-06-15 at 10.20.29 AM
Screen Shot 2022-06-15 at 10.20.29 AM768×1546 44.8 KB

https://preview.webflow.com/preview/innovate-accounting?utm_medium=preview_link&utm_source=designer&utm_content=innovate-accounting&preview=ccafd99ff882d84b1a7b08067063ab53&workflow=preview
Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

2

Select the element you want to change, right click the class in the upper right, hit “duplicate class”, then when it says “whatever-class-was Copy” make change. Should effect that element only.