Header and nav alignment on desktop and mobile

Hi,

  1. & 2. This will fix it, https://colorlibsupport.com/t/logo-size-and-header-space-mods/#post-117737
  2. For that use this Custom CSS,
.main-navigation .menu { margin-top: 30px; }
.module.widget-handle {
    margin-top: 30px;
}

Let us know,

Thanks,
laranz.