Streaming live at 10am (PST)

Interaction removing custom dropdown styles on close


#1

I am encountering something strange. I built some interactions on my main header nav dropdowns. Everything is working well, except when they close, it seems like it’s removing styles or something similar? It flashes gray and the positioning changes. Any insight would be very appreciated. Is there somewhere else I need to remove/change the default styling?

57


Here is my public share link: LINK


#2

Hopefully this video I made will help you out! :wink:
https://cl.ly/6d66f08bebbf


#3

Hey, thanks so much. The margin vs absolute positioning tip was really helpful.

Do you see how it’s flashing back to the gray color background on the second click though? That is how the default menu was styled, and I can’t figured out why it’s doing that. Any thoughts?


#4

Easy Fix: https://cl.ly/13e3d907262a
Same method applies.


#5

Dang man, very helpful. Makes sense to be styling on the original element vs the open class. The videos are really great. Thanks again!


#6

Anytime @Alexander_Diner! Glad I could help! Cheers :grin:!
-Noah