Archived topic

Editing Mobile Header

3 replies · Started by Rizki on November 30, 2019

Viewing posts 1–4 of 4

November 30, 2019 at 4:59 pm #1087077

Hi team,

Could I make my mobile header position like this :

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

Thanks.

November 30, 2019 at 5:50 pm #1087114

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 :)

November 30, 2019 at 9:58 pm #1087289

It works very nice :) Thanks Leo.

December 1, 2019 at 8:15 am #1088000

No problem :)

This archived topic is closed to new replies.

Start building better websites today.