Interaction initial state issues

Good morning guys,

I’m building a brand guidelines - my first project to understand FS Client First.

I’ve created my own nav & menu and attempted to make it responsive as well.

What I would like it to do: on desktop and tablet, the nav list is always shown, on mobile it’s hidden with an initial vertical translate on the button’s click interaction.

My problem is that it is causing the nav list to be moved up on desktop and tablet as well. Not sure where I went wrong.

Thanks for any help!


Here is my public share link: LINK
(how to access public share link)

Well it looks like the solution was WAY easier than I was thinking.

image