I have a temporary hero image for December that required me to change the BG color of the nav bar from transparent to black as page scrolls with the text staying white. I have an interaction set up that does just this. However, I do not have this interaction applied to the mobile version because it affects all the dropdown menu text and changes them to white as well on white BG so they cant be seen.

All I want for the Mobile menu is for BG to become black upon scroll, with dropdown menu BG staying white with black text. Right now, the Home option on dropdown is white (and black on hover) and I need it to stay black. It seems my interaction is affecting the mobile dropdown. :woman_shrugging:

Do I need to add a class to mobile links to differentiate them in interaction?

Most of my traffic is mobile so I need to fix asap.

Please let me know if you can help me. Thank you.

www.valleyviewfarms.com

• I have a temporary hero image for December that required me to change the BG color of the nav bar from transparent to black as page scrolls with the text staying white
• Right now, the Home option on dropdown is white (and black on hover) and I need it to stay black