Ubermenu header issues

Hi,

On mobile, the ubermenu when opened overlays the buddypress menu and gets on top of it when the buddypress menu should be pushed down. I tried to fix it myself but only ended up messing it up more. Now the menu is hidden under the buddypress menu (see screenshot). On the desktop version i did some  size changes but i can’t see to remove the padding/margin for the ubermenu (see screenshot) and the padding/margin between the menu and a submenu (see screenshot).

You have access to a test admin account already and the style.css file in the child theme can be adjusted.