Navigation Bar Mobile Positioning

I’m pretty new to Webflow and Ive been doing a lot of research into flex positioning and everything in order to position my navigation bar on mobile. However, my navigation bar is all types of messed up on all mobile platforms, I just want it to be aligned and usable. When I placed it in the first place I didn’t mess too much with the formatting so Im not sure why its so messed up. Its possibly because I was working off of a template? The ones that I can’t align are the ones with dropdown . I’m pretty lost at this point to say the least so any help that could be provided would be very much appreciated! Thanks!

my site Read-Only: https://preview.webflow.com/preview/imdt?preview=173a0cd624437f55164daf3f8488f9a9