using elements with Hook in generate_inside_mobile_header

i will check this again tomorrow , thanks Leo sleeping now

Try something like this:

@media (max-width: 768px) {
    .nav-aligned-center .main-navigation.has-branding .inside-navigation {
        justify-content: flex-end;
    }
    .navigation-branding, .site-logo.mobile-header-logo {
        order: 4;
        margin-right: 10px;
    }
    .main-navigation.has-branding .menu-toggle {
        order: 1;
        margin-left: 10px;
        margin-right: auto;
    }
}

i will try it later , thanks you can close this ticket

No problem :)