removing white space in mobile view

In the mobile view, which can be seen by resizing the browser to its most narrow, “menu” appears at the top of the page, under the title, creating too much white space.

I used Inspector, and think it’s either div#site-logo-inner.clr, div.oceanwp-mobile-menu-icon.clr.mobile-right or both.

I imagine I can either:
reduce the logo in the mobile view
do something with the CSS so the top and bottom padding of each isn’t so large.

I don’t use CSS often enough to know exactly the statement. Can someone tell me how to do it for each case, and if it’s CSS, what the specific statement that I would have to add is?

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