How can we center logo with navigation divided on both sides?

Done, added the logo and everything is looking strange....

Now add this CSS:

#mobile-header>.inside-navigation {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mobile-header-logo #mobile-header .menu-toggle {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
#mobile-header .site-logo {
    margin-left: auto;
}
.mobile-header-navigation .mobile-header-logo img {
    height: auto;
}

Things have changed now, Now menu and Logo are displayed in a single line but search button is displayed in the next line following white space.

I removed the Menu text and everything is on the same line, just the logo is not centered...

I edited the code here to take into account the removal of the word 'menu':

https://generatepress.com/forums/topic/how-can-we-center-logo-with-navigation-divided-on-both-sides/page/2/#post-677740

Nope, the Logo is still not centered...

I think your server / site cache is working overtime, looks like this to me:

That looks pretty fine.....I'll check that after a while...Thanks for the support...

Awesome. I checked the menu alignment as well and it is centered.
Glad to be of help.

Please check, I enabled the WP super cache and autoptimize and it's looking weird on mobile again....

It works without either plugin active, so the CSS is fine.
Therefore its a caching and over optimization problem. I personally only use Autoptimize ( plus whatever cache the server has ) - adding Autoptimize and WP Super cache together is most likely causing the problem.

I have disabled the WP Super Cache but it's looking the same.

I checked, after disabling autoptimize, things look good, but the site speed is getting slow....

are you just using Automptimize or do you have their Critical CSS add-on installed as well?

I have added critical css... I tried disabling 'Optimize CSS' option there and the things are normal even with WP Super Cache....But the Number of requests are increased to 49. Now how can I combine CSS without hurting things?