[Resolved] Editing Mobile Header

[Rizki]

Hi team,

Could I make my mobile header position like this :

1. Left : Hamburger menu
2. Center : Site logo
3. Right : Search icon

Thanks.

[Leo]

Hi there,

Try this CSS:

#mobile-header .menu-toggle {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.site-logo.mobile-header-logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: auto;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Rizki]

It works very nice 🙂 Thanks Leo.

[Leo]

No problem 🙂

[Author]

Posts