Mobile burger navigation - Too much white space

Hi,

I have my desktop header layout looking fine (attachment DesktopNav.jpg) but cannot get rid of the substantial spaces between the logo, navigation block, and social media block in the mobile burger menu (MobileNav.jpg).

Please can you let me know how I can fix this.

Many thanks, Peter

You can Use this code to Website > Website Tools > Custom CSS. If it doesn't work, you can share site url, we can check easier

div.header-menu-nav-folder-content {
    justify-content: flex-start !important;
}

Thanks very much!  Your CSS moved the menu to the right place but the header social icon and button still float to the bottom of the viewport rather than following the menu items. The site is here: Web Site Link .

Any further thoughts?

Many thanks, Peter

Many, many thanks, that solved the issue completely! 😁👍😁

Best wishes, Peter