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

[Immi]

Hello,Team i want to get Menu Icon appear on the left side, logo want appear in middle and magnifying glass search icon in right side. on mobile devices
How to get this. Please help

[Leo]

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.

[Immi]

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

[Leo]

Add this CSS as well:

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

[Immi]

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. **

[Leo]

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;
}

[Author]

Posts