left side Menu icon, center Logo and Right side Search icon in Mobile Header

Hi there,

Can you try this step to center the mobile header logo first?
https://docs.generatepress.com/article/centering-logo-mobile-header/

Let me know once that's done.

not working properly i have also attached screen shot plese have a look **

Add this CSS as well:

#mobile-header .mobile-bar-items {
    margin-left: auto;
}

Thank you so much work perctly.

Can you help me one more. when i click on magnifying glass search icon. search box field open like this attachment pictures. **

Give this CSS a shot:

.navigation-search.nav-search-active {
    max-width: 400px;
}
.navigation-search input[type="search"], .navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus {
    background-color: #fff;
}
.navigation-search input {
    opacity: 1;
}