Mobile Header Issues

While on mobile, my blogs homepage has a pretty big gap between the menu and the posts. This is unintentional. Also, the logo is shifted toward the middle and downwards making the menu itself to large. I want it to look like it does on the desktop, albeit smaller and with the 3 lines to open navigation. Link

I’ve tried everything and looked over a bunch of other posts with a similar issue but none seem to have the exact same one and none of the solutions worked. How can I fix this?

The page I need help with: [log in to see the link]