New Mobile Menu Layout

Hello!

I am using Generatepress Premium on both websites. But I choose different Menü Layouts. But on mobile devices, I would like to have them both like this on mobile.

Here the MENÜ Hamburger Button is Next to the logo. On other Layouts, it is down below. So on this Site I Changed it by using this CSS to have it next to the logo:

#site-navigation {
	float:right;
}

At first it looks like I want it - but its not that stable and everything moves when you click it to open up. Also the Menu itself is just half of the screen.

So my question: Is there an easy way to align it perfectly next to the logo on the right (instead of down below)?

With kind regards,
Markus