Hamburger Menu Process (Responsive Menu Practice)

Hey Coders, i have started trying to build a mobile friendly navigation, what i’m trying to do next is use flex-direction: column for mobile view but due to using flex-direction: space-between, it’s giving me problems due to having my toggle icon inside the .navbar container. Here’s the link. I have made the header sticky so it stays at the top. https://codepen.io/wjwebdev/full/mdJyEVb

when it gets to mobile view i want the menu items to displayed underneath the logo and toggle icon in a column.

I’m currently thinking maybe i need to create another class somewhere.