Side nav position is way off at larger breakpoints

Design help Animations & Interactions
1

I can’t figure out what is wrong with my side nav. I have it set up to slide in from the side of the screen when the user clicks the button. At the default “laptop” breakpoint and all the breakpoints below, it behaves as it should. At the breakpoints above, however, it doesn’t show up properly.

You might need to try it to see what I mean. I’m not sure what the problem is. Here is the live site design-by-tm.com

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

2

Edit your “Side Nav” component and select the main container “side nav wrapper”, make sure you selected the flex direction to X: Left Y: Stretch for breakpoints “laptop” and above. See sample image for reference.

image (2)
image (2)1837×798 161 KB

1 Like
3

Thank you! I knew it would be something uncomfortably obvious lol