Mobile Menu float right open left

https://screenshot.net/ed4rqf7

See how menu opens right below on the right - I want the menu to open up to the left

I believe that's only happening because of your custom CSS.

When you removed the CSS before, the issue wasn't there.

As for floating toggle on the right, that's exactly what mobile header option is for:
https://docs.generatepress.com/article/mobile-header/

Can you activate it with your custom CSS removed first?

It opened to the left because the menu was not floated right in the screen shot you sent to me. You're right it doesn't happen with my css but the menu is also NOT TO THE RIGHT of the logo. This should not be so complicated that I have to use the mobile menu option. I just need the css to make it work. I will look at your mobile header option again but it didn't work the way I wanted it to the first time I tried it.

The mobile header option should make the toggle float right by default, not making it more complicated.

Let's start by trying the mobile header option again while keeping your custom CSS disabled then we can make the necessary tweaks from there.

Looks like this works for mobile devices and I need it to work for a computer browser (and hence also a mobile device by default). For various reasons I have to set the breakpoint using css not the slider. I turned on the mobile header option and it just mucked up the entire thing so bottom line is you can't help me because I don't want to use the mobile header option.

What exactly isn't working when the mobile header option is activated?

I just checked the page and still don't see the mobile header.

In order for me to help and provide the best solution possible, I need to see what the issue is with the mobile header activated and without your custom CSS.

I turned mobile menu option back on - now I need the logo back to the correct size (not the tiny version) and how do I adjust the breakpoint with css - I have 4 different main menus and they are all different widths and I am choosing them dynamically so I need to set the breakpoint with just css not the slider.

Looks like you've activated the navigation as a header option:
https://docs.generatepress.com/article/navigation-as-a-header/

Which isn't the option I'm referring to above. Can you turn that off and turn on the mobile header option instead?
https://docs.generatepress.com/article/mobile-header/

Nothing should change for desktop when you activate the mobile header option.

When I turn that off the menu no longer floats right

when mobile

You gotta help me out faster as I am losing steam here tonight

I just checked the site Mobile header option is still not turned on:
https://docs.generatepress.com/article/mobile-header/

Can you turn it on?

its on now - how do I change the breakpoint now with css not the slider?

or some other fashion - I need to adjust as I said for four different main menus so something like

@media (max-width: 1172px) {
body.home .main-navigation { margin-top: 39px !important }
body.home .inside-header > :not(:last-child):not(.main-navigation) { margin-bottom: 0px }
body.home .main-navigation .menu-toggle,
body.home .main-navigation .mobile-bar-items,
body.home .sidebar-nav-mobile:not(#sticky-placeholder) { display: block }
body.home .main-navigation ul, .gen-sidebar-nav { display: none }
body.home [class*="nav-float-"] .site-header .inside-header > * { float: none; clear: both }
}

Looks like it's all working? The menu is float right both on desktop and mobile?

It's difficult to change it with CSS which is why we have the slider option.

The other option is to use the filter but it's essentially the same thing:
https://docs.generatepress.com/article/mobile-navigation/#using-a-filter